.nara-content section{background:var(--surface);border:var(--border);border-radius:5px;padding:14px;margin-bottom:16px}.nara-content h1{font-size:22px;margin:0 0 8px}.nara-content h2{font-size:14px;margin:0 0 12px}.nara-content p{color:var(--stone-500);line-height:1.6}.nara-content .title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px}.nara-content .columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nara-content label:not(.check-label){display:block;font-size:12px;margin-bottom:12px}.nara-content input:not([type=checkbox]):not([type=hidden]),.nara-content select,.nara-content textarea{width:100%;display:block;background:var(--surface);border:var(--border);border-radius:5px;padding:8px;font:400 12px var(--font);color:inherit;margin-top:6px;height:34px}.nara-content textarea{height:150px;resize:vertical}.nara-content .searchable-select{margin-top:6px}.nara-content .searchable-select-trigger{min-height:34px;font-size:12px}.nara-content table{width:100%;border-collapse:collapse;font-size:12px;background:var(--surface)}.nara-content th,.nara-content td{padding:10px;text-align:left;border-bottom:var(--border);overflow-wrap:anywhere}.nara-content th{color:var(--stone-500);font-weight:500}.nara-content .pill{border:var(--border);padding:3px 6px;border-radius:4px}.nara-content summary{cursor:pointer;color:var(--teal-700)}.nara-content dd{margin:4px 0 10px;white-space:pre-wrap}.nara-content .empty{padding:24px;text-align:center}.nara-content .error{color:var(--red-600);padding:12px;border:1px solid currentColor}.nara-content #progress{white-space:pre-wrap;max-height:220px;overflow:auto;margin-top:12px}.nara-content .auth-card{margin:0}.nara-content .check-label{margin:12px 0}@media(max-width:760px){.nara-content .columns{grid-template-columns:1fr;gap:4px}.nara-content .title{flex-wrap:wrap}.nara-content input:not([type=checkbox]):not([type=hidden]),.nara-content select,.nara-content textarea,.nara-content .searchable-select-trigger{font-size:14px}.nara-content thead{display:none}.nara-content table,.nara-content tbody,.nara-content tr,.nara-content td{display:block}.nara-content tr{border:var(--border);margin-bottom:8px;border-radius:5px;padding:4px}.nara-content td{border:0;padding:8px}.nara-content td:before{content:attr(data-label);display:block;color:var(--stone-500);font-size:11px;margin-bottom:4px}}
/* Search controls keep the starter's inline icon/input layout. */
.nara-content .searchable-select-search-wrap{display:flex;align-items:center;gap:8px;min-width:0}
.nara-content .searchable-select-search-wrap input.searchable-select-search{flex:1;min-width:0;width:0;height:32px;margin:0;padding:6px 0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none}
.nara-content select.has-searchable-select{display:none!important}
.nara-content .searchable-select-wrapper{margin-top:6px;min-width:0}
.module-label{padding:16px 12px 5px;font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--stone-500)}
.sidebar.is-collapsed .module-label{display:none}
.status-dot[data-session-state=active]{background:#16a34a}.status-dot[data-session-state=expired],.status-dot[data-session-state=disconnected]{background:#dc2626}.status-dot[data-session-state=unknown]{background:#a8a29e}
@media(min-width:761px){.nara-content .ca-records{overflow-x:auto;width:100%;max-width:100%}.nara-content .ca-records table{min-width:2400px}.nara-content .ca-records th{white-space:nowrap}.nara-content .ca-records .ca-value{white-space:nowrap}.nara-content .ca-records .ca-long{min-width:190px;max-width:320px;white-space:pre-wrap;overflow-wrap:anywhere}.nara-content .ca-records td{vertical-align:top}.nara-content .ca-records td:last-child{min-width:180px}}@media(max-width:760px){.nara-content .ca-records td{white-space:pre-wrap;overflow-wrap:anywhere}}
.nara-content .ca-status{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap}.nara-content .ca-status-pending{color:#92400e;background:#fffbeb;border-color:#fcd34d}.nara-content .ca-status-approved{color:#166534;background:#f0fdf4;border-color:#86efac}.nara-content .ca-status-rejected{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.nara-content .ca-status-neutral{color:#57534e;background:#fafaf9;border-color:#d6d3d1}[data-theme=dark] .nara-content .ca-status-pending{color:#e9c17c;background:#332e23;border-color:#77623e}[data-theme=dark] .nara-content .ca-status-approved{color:#9ddbb2;background:#20372d;border-color:#416b52}[data-theme=dark] .nara-content .ca-status-rejected{color:#f0a7b1;background:#38262c;border-color:#7b4852}[data-theme=dark] .nara-content .ca-status-neutral{color:#bdc8cf;background:#1b262d;border-color:#53636e}
.ca-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.nara-content .ca-tool{min-width:0;margin-bottom:0}.ca-tool-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.ca-tool-heading>svg{margin-top:2px;color:var(--teal-700);flex-shrink:0}.nara-content .ca-tool-heading h2{margin:0 0 4px}.nara-content .ca-tool-heading p{margin:0;font-size:12px}.nara-content .ca-tool textarea{margin:0 0 12px;height:150px}.ca-tool-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.ca-tool-actions small{font-size:11px;color:var(--stone-500)}.nara-content .ca-filter-hint{font-size:12px;margin:8px 0 16px}.ca-query-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ca-spin .8s linear infinite}.ca-query-spinner[hidden]{display:none}@keyframes ca-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ca-query-spinner{animation-duration:2s}}@media(max-width:760px){.ca-tools{grid-template-columns:minmax(0,1fr);gap:12px}}
.ca-tools{align-items:start}.ca-filter-tool>details>summary{font-weight:600;font-size:13px;padding:2px 0;cursor:pointer}.ca-filter-tool>details[open]>summary{margin-bottom:12px}.ca-filter-tool .ca-tool-heading h2{display:none}.ca-popup{width:min(720px,calc(100% - 24px));max-height:85dvh;padding:0;border:var(--border);border-radius:8px;background:var(--surface);color:var(--stone-800)}.ca-popup::backdrop{background:rgb(0 0 0 / .45)}.ca-popup>header{position:sticky;top:0;background:var(--surface);display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:var(--border);gap:12px}.ca-popup h2{font-size:14px;margin:0}.ca-popup #record-popup-content{padding:12px 16px;overflow-wrap:anywhere}.ca-detail-list{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 12px;border-bottom:var(--border);padding-bottom:12px}.ca-detail-list dt{font-size:11px;color:var(--stone-500)}.ca-detail-list dd{margin:0;white-space:pre-wrap}.ca-history-entry{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 0;border-bottom:var(--border)}.ca-history-entry span{grid-column:1/-1}.nara-content .ca-popup-button{min-height:30px;padding:4px 8px;font-size:11px}@media(min-width:761px){.nara-content .ca-records th,.nara-content .ca-records td{padding:6px 8px;font-size:11px;line-height:1.3}.nara-content .ca-records table{min-width:2200px}.nara-content .ca-records .ca-long{min-width:140px;max-width:230px}.nara-content .ca-records .ca-actions{position:sticky;right:0;z-index:2;background:var(--surface);min-width:170px;width:170px;white-space:nowrap;border-left:var(--border)}.nara-content .ca-records th.ca-actions{z-index:3}}@media(max-width:760px){.nara-content .ca-records tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;padding:10px;margin-bottom:8px;background:var(--surface)}.nara-content .ca-records td{padding:0;font-size:12px;min-width:0}.nara-content .ca-records td:before{font-size:10px;margin-bottom:2px}.nara-content .ca-records td[data-field=busiId]{font-weight:600}.nara-content .ca-records td[data-field=detailComments],.nara-content .ca-records td[data-field=eventTypeName],.nara-content .ca-records .ca-actions{grid-column:1/-1}.nara-content .ca-records td[data-field=accountNumber],.nara-content .ca-records td[data-field=customer],.nara-content .ca-records td[data-field=objTypeName],.nara-content .ca-records td[data-field=paymentObjCode],.nara-content .ca-records td[data-field=paymentObjName],.nara-content .ca-records td[data-field=createDate],.nara-content .ca-records td[data-field=auditDate],.nara-content .ca-records td[data-field=auditStaffName]{display:none}.nara-content .ca-records .ca-actions{padding-top:6px;border-top:var(--border)}.ca-detail-list{grid-template-columns:110px minmax(0,1fr)}}
.ca-card-expand{display:none!important}@media(max-width:760px){.ca-card-expand{display:inline-flex!important}.nara-content .ca-records tr.ca-expanded td[data-field]{display:block}}
@media(min-width:761px){.ca-tools{align-items:stretch}.ca-tools>.ca-tool{height:100%}}
.nara-content .ca-records thead th,.nara-content .ca-records th.ca-actions{background:#e7e5e4;color:#44403c}
[data-theme=dark] .nara-content .ca-records thead th,[data-theme=dark] .nara-content .ca-records th.ca-actions{background:#34434c;color:#e9edef}
.ca-activity{margin-top:16px}.ca-activity-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.nara-content .ca-activity-heading h2{margin:0}.nara-content .ca-activity-heading p{margin:4px 0;font-size:12px}.ca-activity #progress{font:11px/1.7 var(--font);border-top:var(--border);padding-top:8px;max-height:180px}.ca-activity #batch-spinner{color:var(--teal-700);width:24px;height:24px}.ca-date-filters fieldset{border:0;margin:0;padding:0}.ca-date-filters legend{font-size:11px;font-weight:600;margin:6px 0}.ca-date-filters .columns{gap:8px}.ca-date-filters label{margin-bottom:6px!important}
.nara-content .ca-tool .ca-activity{border:0;border-top:var(--border);border-radius:0;padding:12px 0 0;margin:16px 0 0;background:transparent}.ca-tool .ca-activity #progress{height:180px;max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.ca-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;flex-wrap:wrap;color:var(--stone-500);font-size:12px}.ca-pagination>div{display:flex;gap:4px}.ca-pagination .button{min-width:32px;min-height:32px;padding:6px 10px}.ca-extra-filters>summary{font-size:12px;color:var(--stone-500);cursor:pointer;margin:8px 0}.nara-content .ca-filter-tool .ca-extra-filters textarea{margin-top:6px}.nara-content .ca-status{white-space:normal;max-width:210px;line-height:1.4}.nara-content .ca-records td[data-field=auditStatus]{white-space:normal;min-width:125px}@media(min-width:761px){.ca-extra-filters>summary{display:none}}@media(max-width:760px){.ca-tool .ca-activity #progress{height:130px;max-height:130px}.ca-tools>.ca-tool{height:auto}.ca-filter-tool>details>summary{pointer-events:none;list-style:none}.ca-pagination{gap:8px}.ca-pagination .button{padding:5px 8px}.nara-content .ca-records td[data-field=auditStatus]{min-width:0}.ca-filter-tool .ca-tool-heading{display:none}}
.nara-content .ca-status{white-space:nowrap;max-width:none}.nara-content .ca-records td[data-field=auditStatus]{white-space:nowrap;min-width:155px}@media(max-width:760px){.nara-content .ca-records td[data-field=auditStatus]{min-width:0}.nara-content .ca-status{font-size:10px;padding:3px 5px}}
.ca-modern-spinner{display:inline-block;flex-shrink:0;width:24px;height:24px;border:2px solid var(--stone-200);border-top-color:var(--teal-600);border-radius:50%;animation:ca-spin .7s linear infinite}.ca-modern-spinner[hidden]{display:none}.ca-query-spinner{border-width:2px;animation:ca-spin .7s linear infinite}
.nara-content .ca-tool .ca-activity{margin-top:10px;padding-top:8px}.nara-content .ca-activity-heading h2{font-size:12px}.nara-content .ca-activity-heading p{font-size:11px;margin:2px 0}.nara-content .ca-tool .ca-activity #progress{box-sizing:content-box;height:108px;max-height:108px;line-height:18px;font-size:11px;padding:4px 0 0;margin-top:6px;overflow:auto}.ca-activity #batch-spinner{width:18px;height:18px}

/* Loading indicators remain animated even when the starter reduces decorative motion. */
.ca-modern-spinner,.ca-query-spinner{display:inline-block;flex:0 0 auto;box-sizing:border-box;border-style:solid;border-top-color:currentColor;border-right-color:transparent;animation:ca-spin .8s linear infinite!important;animation-duration:.8s!important;animation-iteration-count:infinite!important}
.ca-modern-spinner[hidden],.ca-query-spinner[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.ca-modern-spinner,.ca-query-spinner{animation-duration:2s!important}}
.nara-content .ca-filter-tool textarea#filter-orders{height:72px;min-height:54px;margin-bottom:8px}
.nara-content .ca-extra-filters fieldset{border:0;margin:6px 0 0;padding:0;min-width:0}
.nara-content .ca-extra-filters legend{font-size:11px;font-weight:600;padding:0;margin:0 0 4px}
.nara-content .ca-extra-filters fieldset .columns{gap:8px}
.nara-content .ca-extra-filters fieldset label{margin-bottom:6px}
.nara-content .ca-filter-hint{margin:6px 0 8px;font-size:11px}
.nara-content #filter-status:empty{display:none}
.nara-content #filter-status[data-tone=error],.nara-content .error,.nara-content [role=alert]{color:#dc2626}[data-theme=dark] .nara-content #filter-status[data-tone=error],[data-theme=dark] .nara-content .error,[data-theme=dark] .nara-content [role=alert]{color:#f0a7b1}
.nara-content .ca-records tbody tr:nth-child(even){background:#f5f5f4}.nara-content .ca-records tbody tr:nth-child(even) .ca-actions{background:#f5f5f4}[data-theme=dark] .nara-content .ca-records tbody tr:nth-child(even),[data-theme=dark] .nara-content .ca-records tbody tr:nth-child(even) .ca-actions{background:#26353e}.nara-content .ca-records tbody tr:hover,.nara-content .ca-records tbody tr:hover .ca-actions{background:var(--row-hover)}.ca-hex-control{display:flex;align-items:center;gap:10px}.ca-hex-control>span{width:28px;height:28px;flex-shrink:0;border:var(--border);border-radius:4px}.nara-content .ca-hex-control input{font-family:monospace;margin-top:0}.ca-admin-grid{align-items:start}.nara-content .ca-permission-module{border:var(--border);border-radius:5px;padding:10px 12px;margin:0 0 12px}.ca-permission-module legend{padding:0 6px;font-size:11px;font-weight:600;color:var(--stone-500)}.nara-content .ca-permission-module .check-label{margin:6px 0;align-items:flex-start}.ca-admin-list article{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:var(--border)}.ca-admin-list article>div{flex:1;min-width:0}.ca-admin-list small{display:block;margin-top:3px;color:var(--stone-500);overflow-wrap:anywhere}.ca-admin-list article:last-child{border:0}
.nara-content .ca-records tbody tr:nth-child(even),.nara-content .ca-records tbody tr:nth-child(even) .ca-actions{background:#fafafa}
[data-theme=dark] .nara-content .ca-records tbody tr:nth-child(even),[data-theme=dark] .nara-content .ca-records tbody tr:nth-child(even) .ca-actions{background:#293840}
.nara-content .ca-records tbody tr:hover,.nara-content .ca-records tbody tr:hover .ca-actions{background:var(--row-hover)}
.ca-hex-control>.ca-status-preview{width:auto;min-width:76px;height:auto;padding:4px 8px;text-align:center;font-size:11px;font-weight:600;border-radius:4px;color:var(--status-colour);border:1px solid color-mix(in srgb,var(--status-colour) 65%,var(--surface));background:color-mix(in srgb,var(--status-colour) 18%,var(--surface))}[data-theme=dark] .ca-hex-control>.ca-status-preview{color:color-mix(in srgb,var(--status-colour) 55%,#ffffff);border-color:color-mix(in srgb,var(--status-colour) 55%,var(--surface));background:color-mix(in srgb,var(--status-colour) 24%,var(--surface))}.nara-content .ca-status{font-weight:600}
.nara-content .ca-status,.ca-hex-control>.ca-status-preview{font-size:10px;font-weight:600;line-height:1.25;padding:2px 5px;border-radius:3px;border-width:1px}.ca-hex-control>.ca-status-preview{border-color:color-mix(in srgb,var(--status-colour) 40%,var(--surface));background:color-mix(in srgb,var(--status-colour) 9%,var(--surface))}[data-theme=dark] .ca-hex-control>.ca-status-preview{background:color-mix(in srgb,var(--status-colour) 14%,var(--surface))}
.nara-content .ca-save-success{padding:10px 12px;border:1px solid #6ee7b7;border-radius:5px;background:#ecfdf5;color:#047857}[data-theme=dark] .nara-content .ca-save-success{background:#20372d;border-color:#416b52;color:#9ddbb2}
.nara-content .ca-records tbody tr:hover,.nara-content .ca-records tbody tr:hover .ca-actions,.nara-content .ca-records tbody tr:focus-within,.nara-content .ca-records tbody tr:focus-within .ca-actions{background:#dff3ef}
[data-theme=dark] .nara-content .ca-records tbody tr:hover,[data-theme=dark] .nara-content .ca-records tbody tr:hover .ca-actions,[data-theme=dark] .nara-content .ca-records tbody tr:focus-within,[data-theme=dark] .nara-content .ca-records tbody tr:focus-within .ca-actions{background:#374f5a}
.nara-content .ca-page-heading{margin:0 0 16px}.nara-content .ca-page-heading h1{margin:0 0 8px}.nara-content .ca-page-heading p{margin:0;font-size:12px}
/* Compact query and filter workspace. */
.ca-tools{gap:12px}.nara-content .ca-tools>.ca-tool{padding:10px 12px}.ca-tool-heading{gap:8px;margin-bottom:10px}.nara-content .ca-tool-heading h2{font-size:13px;margin-bottom:2px}.nara-content .ca-tool-heading p{font-size:11px}.nara-content .ca-tools label:not(.check-label){margin-bottom:7px;font-size:11px}.nara-content .ca-tool textarea#query-orders{height:100px;min-height:72px;margin-bottom:8px}.nara-content .ca-filter-tool textarea#filter-orders{height:54px;min-height:44px;margin-bottom:6px}.ca-tool-actions{gap:6px;margin-top:8px}.ca-filter-tool>details[open]>summary{margin-bottom:8px}.ca-filter-tool .ca-tool-heading{margin-bottom:8px}.nara-content .ca-extra-filters fieldset{margin-top:4px}.nara-content .ca-extra-filters legend{margin-bottom:2px}.nara-content .ca-filter-hint{font-size:11px;margin:4px 0 6px}.nara-content .ca-tools input:not([type=checkbox]):not([type=hidden]),.nara-content .ca-tools select{margin-top:4px}.nara-content .ca-tools .searchable-select-wrapper{margin-top:4px}.nara-content .ca-tool .ca-activity{margin-top:8px;padding-top:6px}.nara-content .ca-tools #filter-status{font-size:11px;margin:6px 0 0}@media(max-width:760px){.ca-tools{gap:8px}.nara-content .ca-tools>.ca-tool{padding:10px}.nara-content .ca-tool textarea#query-orders{height:84px}.nara-content .ca-tools input:not([type=checkbox]):not([type=hidden]),.nara-content .ca-tools select,.nara-content .ca-tools textarea{font-size:14px}}
.nara-app-icon{display:block;width:32px;height:32px;flex:0 0 32px;border-radius:8px}.auth-mark .nara-app-icon{width:36px;height:36px;flex-basis:36px;border-radius:9px}