/* 235: shared system-admin workspace */
.system-admin-shell{--admin-line:#dfe4ed}
.system-admin-shell #workspace{background:#f5f6fa}
.system-admin-shell #workspace>.heading{background:white;border-bottom:1px solid var(--admin-line);padding:18px 24px}
.system-admin-shell #workspace>.tab{padding:24px;background:#fff}
.system-admin-shell .system-operations{font:14px/1.6 Arial,"Malgun Gothic",sans-serif;color:#334155}
.system-admin-shell .system-operations>h2{font-size:19px;margin:0 0 8px}
.system-admin-shell .system-operations>p{margin:0 0 16px;color:#64748b;font-size:13px}
.system-admin-shell .system-operations button,.system-admin-shell .system-operations input,.system-admin-shell .system-operations select{font:inherit;font-size:13px;min-height:36px;border-radius:6px}
.system-admin-shell .system-operations button{padding:7px 12px;white-space:nowrap}
.system-admin-shell .system-operations button:focus-visible,.system-admin-shell .system-operations input:focus-visible,.system-admin-shell .system-operations select:focus-visible{outline:2px solid #8074ed;outline-offset:2px}
.system-admin-shell .system-operations .filter-strip,.system-admin-shell .system-list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;background:#f7f8fb;border:1px solid var(--admin-line);border-radius:8px;margin:16px 0}
.system-admin-shell .system-operations .filter-strip input:not([type=checkbox]):not([type=radio]),.system-admin-shell .system-list-toolbar input{width:280px;max-width:100%;flex:0 1 280px}
.system-admin-shell .system-operations .filter-strip select{width:auto;min-width:145px;max-width:240px;flex:0 1 auto}
.system-admin-shell .system-overview{padding:0;border:0;border-radius:0;margin:16px 0;background:transparent}
.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.admin-metric{display:flex;flex-direction:column;gap:7px;padding:18px 20px;border:1px solid var(--admin-line);border-radius:9px;background:#fff}
.admin-metric span{font-size:13px;color:#64748b}
.admin-metric strong{font-size:24px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;color:#27364b}
.admin-metric.success strong{color:#07836b}.admin-metric.warning strong{color:#b65c19}
.system-admin-shell .system-operations .table-wrap{max-height:64vh;overflow:auto;border:1px solid var(--admin-line);border-radius:7px}
.system-admin-shell .system-operations table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.system-admin-shell .system-operations th{position:sticky;top:0;z-index:4;background:#5545df;color:white;padding:11px 10px;font-size:13px;border:0;border-right:1px solid #ffffff26}
.system-admin-shell .system-operations td{background:#fff;padding:11px 10px;border:0;border-right:1px solid #e8ebf2;border-bottom:1px solid #e8ebf2;vertical-align:middle}
.system-admin-shell .system-operations tr:nth-child(odd)>td{background:#f8f9fc}
.system-admin-shell .system-operations tr:hover>td{background:#f0effc}
.system-admin-shell .system-operations th:first-child{left:0;z-index:6}
.system-admin-shell .system-operations td:first-child{position:sticky;left:0;z-index:3;min-width:160px}
.system-admin-shell #notices td:first-child{min-width:50px}
.admin-company-name{display:grid;gap:3px;min-width:150px}
.admin-company-name strong{font-size:14px;color:#24334a}.admin-company-name small{font-size:12px;color:#7a8799}
.system-admin-shell #system-company-list td:nth-child(4){white-space:nowrap}
.system-admin-shell #system-company-list td:nth-child(n+7):nth-child(-n+9){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.system-admin-shell .admin-row-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;width:max-content;min-width:180px;max-width:none}
.system-admin-shell .admin-row-actions button{font-size:12px;min-height:32px;padding:5px 9px}
.system-admin-shell .system-status{font-size:12px;padding:3px 10px}
.system-admin-shell .system-detail-heading{background:#f7f8fc;padding:14px 16px;border:1px solid var(--admin-line);border-radius:8px}
.system-admin-shell .system-detail-heading h3{font-size:16px;margin:0}
.system-admin-shell .system-list-pager{padding:16px 0;margin:0}
.system-admin-shell .system-operations .reference-scope{line-height:1.6;font-size:12px;margin:12px 0}
.system-admin-shell .service-end-date-row{display:flex;align-items:center;gap:12px;margin-top:6px}
.system-admin-shell .service-end-date-row>input[type=date]{flex:1 1 auto;width:auto;min-width:0}
.system-admin-shell .service-unlimited-toggle{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:6px;white-space:nowrap;margin:0;font-size:13px;font-weight:500}
.system-admin-shell .service-unlimited-toggle input{flex:0 0 16px;width:16px;height:16px;min-height:16px;margin:0;padding:0}
.system-company-dialog.service-history-dialog{width:min(1040px,calc(100vw - 32px))}
.service-history-form>*{grid-column:1/-1}
.service-history-actions{display:flex;justify-content:flex-end}
.service-history-form .table-wrap{margin:0;max-height:36vh}
.service-history-form .service-history{border-top:1px solid var(--admin-line);padding-top:16px}
.service-history-form .service-history h3{margin:0 0 10px;font-size:15px}
.system-admin-shell .notice-compose{scroll-margin-top:80px}
@media(max-width:900px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.system-admin-shell #workspace>.tab{padding:16px}}
@media(max-width:520px){.admin-metric{padding:12px}.admin-metric strong{font-size:20px}.system-admin-shell .system-operations .filter-strip>*{max-width:100%}}

/* 264: company list fits its workspace; keep every field and action visible. */
.system-admin-shell #system-company-list{min-width:0;max-width:100%}
.system-admin-shell #system-company-list .table-wrap{width:100%;min-width:0;max-width:100%;max-height:none;overflow:visible;box-sizing:border-box}
.system-admin-shell #system-company-list table{table-layout:fixed;width:100%;min-width:0}
.system-admin-shell #system-company-list th,.system-admin-shell #system-company-list td{min-width:0;max-width:none;padding:9px 6px;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;font-size:12px}
.system-admin-shell #system-company-list th:nth-child(1){width:14%}
.system-admin-shell #system-company-list th:nth-child(2){width:10%}
.system-admin-shell #system-company-list th:nth-child(3){width:7%}
.system-admin-shell #system-company-list th:nth-child(4){width:12%}
.system-admin-shell #system-company-list th:nth-child(5),.system-admin-shell #system-company-list th:nth-child(6){width:6%}
.system-admin-shell #system-company-list th:nth-child(7),.system-admin-shell #system-company-list th:nth-child(8),.system-admin-shell #system-company-list th:nth-child(9){width:7%}
.system-admin-shell #system-company-list th:nth-child(10){width:8%}
.system-admin-shell #system-company-list th:nth-child(11){width:16%}
.system-admin-shell #system-company-list .admin-company-name{min-width:0}
.system-admin-shell #system-company-list .admin-company-name strong{font-size:13px}
.system-admin-shell #system-company-list .system-status{display:inline-block;max-width:100%;padding:3px 6px;white-space:normal}
.system-admin-shell #system-company-list .admin-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;max-width:100%;gap:4px}
.system-admin-shell #system-company-list .admin-row-actions button{width:100%;min-width:0;min-height:32px;padding:5px 3px;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1000px){
 .system-admin-shell #system-company-list .table-wrap{border:0}
 .system-admin-shell #system-company-list table,.system-admin-shell #system-company-list tbody{display:block}
 .system-admin-shell #system-company-list thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 .system-admin-shell #system-company-list tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--admin-line);border-radius:8px;overflow:hidden;margin-bottom:12px}
 .system-admin-shell #system-company-list td{display:flex;flex-direction:column;gap:4px;position:static!important;text-align:left!important;width:auto!important}
 .system-admin-shell #system-company-list td::before{content:attr(data-label);font-size:11px;font-weight:600;color:#64748b}
 .system-admin-shell #system-company-list td:last-child{grid-column:1/-1}
 .system-admin-shell #system-company-list .admin-row-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
}
