/* SOSRAM: shared density, with full-size touch controls retained on POS. */
#sosram {--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;}
#sosram .op *,#sosram .op *::before,#sosram .op *::after {box-sizing:border-box;}
#sosram .op :is(.op-head,.op-actions,.op-grid,.op-form,.op-card,.op-small-card,section,article,aside,header,form,label,dl,dd) {min-width:0;}
#sosram .op :is(h2,h3,p,dd,strong,small,button,a,summary) {overflow-wrap:anywhere;}
#sosram .op button,#sosram .op .op-button {white-space:normal;text-align:center;flex-shrink:0;max-width:100%;line-height:1.35;}
#sosram .op input,#sosram .op select,#sosram .op textarea {max-width:100%;min-width:0;}
#sosram:not(.pos-mode) #appHeader {padding:10px 20px!important;gap:12px;min-height:64px;}
#sosram:not(.pos-mode) #areaNavigation button {min-height:38px;padding-block:8px!important;}
#sosram:not(.pos-mode) .op {font-size:14px;line-height:1.45;}
#sosram:not(.pos-mode) .op h2 {font-size:24px;line-height:1.2;}
#sosram:not(.pos-mode) .op h3 {font-size:16px;margin:0 0 10px;}
#sosram:not(.pos-mode) .op p {margin:5px 0 10px;}
#sosram:not(.pos-mode) .op .op-head {gap:12px;margin-bottom:12px;}
#sosram:not(.pos-mode) .op .op-card {padding:14px 16px;border-radius:9px;margin-bottom:12px;}
#sosram:not(.pos-mode) .op .op-small-card {padding:12px;}
#sosram:not(.pos-mode) .op .op-grid {gap:12px;align-items:start;}
#sosram:not(.pos-mode) .op .op-form {gap:10px 12px;margin-block:10px 14px;}
#sosram:not(.pos-mode) .op button,#sosram:not(.pos-mode) .op .op-button {min-height:38px;padding:7px 12px!important;}
#sosram:not(.pos-mode) .op :is(input,select,textarea) {min-height:40px;padding:8px 10px;}
#sosram:not(.pos-mode) .op input[type=checkbox] {min-height:20px;width:20px;}
#sosram:not(.pos-mode) .op .op-note {padding:9px 12px;margin:10px 0 12px;}
#sosram:not(.pos-mode) .op .op-metrics {margin-bottom:14px;}
#sosram:not(.pos-mode) .op .op-metric {padding:12px 16px;}
#sosram:not(.pos-mode) .op .op-metric strong {font-size:24px;margin-top:2px;}
#sosram .op-metric:last-child {border-right:0;}
#sosram:not(.pos-mode) .op :is(th,td) {padding:8px 10px;line-height:1.4;}
#sosram:not(.pos-mode) .op th {font-size:11px;letter-spacing:.025em;white-space:normal;}
#sosram:not(.pos-mode) .op td button {min-height:32px;padding:5px 9px!important;}
#sosram .op td {overflow-wrap:anywhere;}
#sosram .op-table-wrap {max-width:100%;}
#sosram .op-status {vertical-align:middle;}
#sosram .compact-dashboard-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;}
#sosram .compact-dashboard-grid>.op-card {height:auto;}
#sosram .conduce-metrics {grid-template-columns:repeat(5,minmax(0,1fr));}
#sosram .compact-tabs {display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px;}
#sosram .op .compact-tabs button {border:0!important;background:transparent!important;color:var(--muted)!important;min-height:36px;}
#sosram .op .compact-tabs button[aria-selected=true] {background:var(--pastel-blue)!important;color:var(--accent)!important;box-shadow:inset 0 -2px var(--accent);}
#sosram .compact-filter {display:grid;grid-template-columns:minmax(180px,2fr) repeat(4,minmax(110px,1fr)) auto auto;gap:8px;align-items:end;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;}
#sosram .compact-result {display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin:10px 0;}
#sosram .compact-empty {padding:36px 16px;text-align:center;border:1px dashed var(--line);border-radius:8px;background:var(--surface);}
#sosram .compact-empty .op-actions {justify-content:center;}
#sosram .compact-fields {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;}
#sosram .compact-fields dt {font-size:12px;color:var(--muted);margin-bottom:3px;}
#sosram .compact-fields dd {font-size:14px;margin:0;font-weight:550;white-space:pre-wrap;}
#sosram .compact-fields>div:last-child:has(dt:first-child):nth-child(5) {grid-column:1/-1;}
#sosram .conduce-detail {display:grid;grid-template-columns:minmax(0,7fr) minmax(230px,3fr);gap:16px;align-items:start;}
#sosram .conduce-summary {position:sticky;top:70px;}
#sosram .conduce-summary .compact-fields {grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0;}
#sosram .conduce-summary .op-actions {align-items:stretch;flex-direction:column;}
#sosram .conduce-summary .op-actions button {width:100%;}
#sosram .conduce-progress {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:12px;}
#sosram .conduce-progress li {display:flex;gap:7px;color:var(--muted);}
#sosram .conduce-progress li.done {color:var(--ok);font-weight:600;}
#sosram .conduce-notice {padding:0 8px;}
#sosram .compact-secondary {border:1px solid var(--line);border-radius:8px;padding:12px;}
#sosram .compact-secondary>summary {cursor:pointer;font-weight:600;}
#sosram .compact-secondary[open]>div {margin-top:14px;}
#sosram .conduce-total {text-align:right;margin-top:12px;}
#sosram .op-dialog {padding:16px!important;}
#sosram .op-dialog-head {position:sticky;top:-16px;z-index:4;background:var(--surface);padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:14px;}
#sosram .op-dialog.conduce-drawer {position:fixed;inset:0 0 0 auto;margin:0;width:min(1240px,96vw)!important;max-width:1240px!important;max-height:100dvh;height:100dvh;border-radius:12px 0 0 12px;padding:16px 20px!important;}
#sosram .conduce-drawer .op-dialog-head {top:-16px;}
#sosram .conduce-signature-image {max-width:100%;width:340px;background:#fff;border:1px solid var(--line);}
#sosram .compact-menu {position:relative;}
#sosram .compact-menu>summary {cursor:pointer;font-size:22px;list-style:none;padding:0 10px;min-height:32px;border:1px solid var(--line);border-radius:5px;}
#sosram .compact-menu[open]>div {position:relative;display:grid;gap:5px;min-width:130px;padding-top:6px;}
#sosram .op-legacy[hidden] {display:none!important;}
#sosram .compact-data td .op-actions {flex-wrap:nowrap;}
@media(min-width:761px) and (max-width:1199px){
 #sosram .compact-filter {grid-template-columns:repeat(4,minmax(0,1fr));}
 #sosram .compact-filter>label:first-child {grid-column:span 2;}
 #sosram .conduce-detail {grid-template-columns:minmax(0,1fr) 240px;}
 #sosram .compact-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
 #sosram .compact-dashboard-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 #sosram .compact-dashboard-grid>.op-card:last-child {grid-column:1/-1;}
}
@media(max-width:1100px){
 #sosram .compact-data {overflow:visible;border:0;background:transparent;}
 #sosram .compact-data :is(table,tbody) {display:block;width:100%;min-width:0;}
 #sosram .compact-data thead {display:none;}
 #sosram .compact-data tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:10px;}
 #sosram .compact-data td {display:block;padding:0!important;border:0;min-width:0;}
 #sosram .compact-data td::before {content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:3px;}
 #sosram .compact-data td:first-child {grid-column:1/-1;}
 #sosram .compact-data td:last-child .op-actions {flex-wrap:wrap;}
}
@media(max-width:760px){
 #sosram:not(.pos-mode) #appHeader {padding:10px 14px!important;}
 #sosram:not(.pos-mode) .op button,#sosram:not(.pos-mode) .op .op-button {min-height:44px;}
 #sosram:not(.pos-mode) .op :is(input,select,textarea) {min-height:44px;}
 #sosram .op .op-head {flex-direction:row;flex-wrap:wrap;align-items:center;}
 #sosram .conduce-metrics {grid-template-columns:repeat(3,minmax(0,1fr));}
 #sosram .conduce-metrics .op-metric {padding:10px!important;}
 #sosram .compact-filter {grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;}
 #sosram .compact-filter>label:first-child {grid-column:1/-1;}
 #sosram .conduce-detail,#sosram .compact-dashboard-grid {grid-template-columns:minmax(0,1fr);}
 #sosram .compact-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
 #sosram .conduce-summary {position:static;}
 #sosram .op-dialog.conduce-drawer {width:100vw!important;max-width:100vw!important;border-radius:0;padding:12px!important;}
 #sosram .conduce-drawer .op-dialog-head {top:-12px;}
 #sosram .compact-tabs {gap:2px;}
 #sosram .op .compact-tabs button {padding-inline:9px!important;}
 #sosram .compact-result {align-items:flex-start;}
 #sosram .compact-result button {min-height:36px!important;}
}
@media print{.conduce-summary,.compact-tabs,.compact-filter{display:none!important;}}
#sosram .op-dialog-head>h2 {flex:1;min-width:0;}
#sosram .op-dialog-head .conduce-sticky-actions {margin-left:auto;}
@media(max-width:600px){#sosram .conduce-drawer .op-dialog-head {flex-wrap:wrap;gap:8px;}#sosram .conduce-drawer .op-dialog-head>h2{flex-basis:calc(100% - 85px);font-size:19px;}#sosram .conduce-drawer .op-dialog-head .conduce-sticky-actions {order:3;width:100%;margin:0;}}
#sosram .op .conduce-filter-toggle {display:none;}
@media(max-width:760px){
 #sosram .compact-filter {grid-template-columns:repeat(3,minmax(0,1fr));}
 #sosram .compact-filter:not(.filters-expanded)>label:not(:first-child) {display:none;}
 #sosram .compact-filter.filters-expanded>label:not(:first-child) {grid-column:span 3;}
 #sosram .op .conduce-filter-toggle {display:inline-flex;}
}
#sosram .op #conduceOriginal {max-width:100%;overflow-x:auto;}
@media(max-width:1100px){#sosram .op .compact-data :is(table,tbody){min-width:0!important;width:100%!important;}#sosram .op .compact-data tr{min-width:0!important;width:100%;}#sosram .op .compact-data td{min-width:0!important;}}
#sosram .op .conduce-reception-actions {position:sticky;bottom:-16px;padding:10px 0;background:var(--surface);border-top:1px solid var(--line);z-index:3;}
#sosram .op textarea[data-auto-grow]{resize:vertical;overflow-y:hidden;}
@media(max-width:600px){#sosram .op-dialog:has(#opSignature) :is(table,tbody){min-width:0!important;width:100%!important;}#sosram .op-dialog:has(#opSignature) tr{min-width:0!important;max-width:100%;}}
#sosram .compact-data .op-status {overflow-wrap:normal;word-break:normal;min-width:68px;}
#sosram #conduces .compact-data td:nth-child(8) {min-width:66px;overflow-wrap:normal;word-break:normal;}
@media(min-width:1100px){
 #sosram:not(.pos-mode) #appHeader {display:grid!important;grid-template-columns:170px minmax(0,1fr)!important;align-items:center!important;}
 #sosram:not(.pos-mode) #appHeader .filters {display:flex!important;gap:6px!important;flex-wrap:wrap!important;min-width:0;}
 #sosram:not(.pos-mode) #appHeader .global-search-shell {flex:1 1 160px;min-width:150px;max-width:260px;}
 #sosram:not(.pos-mode) #appHeader .global-search-shell input {min-width:0;width:100%;min-height:36px;}
 #sosram:not(.pos-mode) #appHeader .filters>button,#sosram:not(.pos-mode) #appHeader .filters>a {padding:7px 9px!important;font-size:12px;min-height:36px;}
 #sosram:not(.pos-mode) #appHeader .session-pill {max-width:130px;min-width:0;padding:6px 8px;overflow-wrap:anywhere;}
}

@media(min-width:901px) and (max-width:1100px){#sosram #conduces .compact-data tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}#sosram #conduces .compact-data tr{margin:0;}}
