:root{
  --navy:#0d2f5f;--navy-2:#123f6f;--blue:#2e7bc4;--blue-2:#1669c7;--blue-soft:#e9f3ff;
  --green:#1f9345;--green-soft:#e8f7ed;--gold:#d7a31a;--gold-soft:#fff6df;--red:#c63d3d;--red-soft:#fff0f0;
  --ink:#15233d;--muted:#64748b;--muted-2:#94a3b8;--line:#dce5ef;--line-2:#e8eef5;--bg:#f4f7fb;--surface:#fff;
  --shadow:0 8px 24px rgba(21,35,61,.07);--radius:12px;--radius-sm:8px;--sidebar:192px;--topbar:72px;
  --font:"Segoe UI",Arial,Helvetica,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.45}a{color:inherit}button,input,select,textarea{font:inherit}.icon{display:inline-block;vertical-align:middle;flex:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:40;background:linear-gradient(180deg,#104c78 0%,#0d3f68 70%,#0a3559 100%);color:#fff;padding:18px 10px 16px;display:flex;flex-direction:column;box-shadow:3px 0 18px rgba(13,47,95,.08)}.brand-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:2px 8px 14px;border-bottom:1px solid rgba(255,255,255,.25)}.brand-seal{width:84px;height:84px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.75)}.brand-block strong{display:block;font-size:18px;line-height:1.1}.brand-block span{display:block;font-size:12px;margin-top:4px;color:#d9e9f6}.org-caption{text-align:center;font-size:11px;line-height:1.45;color:#d8e8f4;padding:11px 8px 18px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;text-decoration:none;color:#f6fbff;font-weight:500}.side-link:hover{background:rgba(255,255,255,.10)}.side-link.active{background:linear-gradient(90deg,#2e7bc4,#2268aa);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}.side-link .icon{width:20px}.sidebar-footer{margin-top:auto;padding:18px 10px 6px;color:#eef6fd;font-size:12px}.sidebar-footer em{display:block;line-height:1.45}.mountain-mark{height:44px;margin:0 -10px 9px;opacity:.22;background:linear-gradient(135deg,transparent 20%,#fff 20% 28%,transparent 28% 40%,#fff 40% 50%,transparent 50%)}.brand-line{display:grid;grid-template-columns:1fr 1fr 1fr;height:3px;margin-top:10px;gap:2px}.brand-line i:nth-child(1){background:#2e8ce5}.brand-line i:nth-child(2){background:#1f9345}.brand-line i:nth-child(3){background:#d7a31a}.app-main{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column}.app-topbar{height:var(--topbar);position:sticky;top:0;z-index:35;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 24px}.global-search{margin-left:auto;width:min(470px,42vw);height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);background:#f8fbfe;border-radius:8px;color:#45637d}.global-search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{position:relative;width:42px;height:42px;border:0;border-radius:9px;background:transparent;color:var(--navy);display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:#eff5fb}.notification-count{position:absolute;right:4px;top:3px;background:#e33b3b;color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:50%;display:grid;place-items:center;padding:0 4px}.user-menu-wrap{position:relative}.user-chip{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:9px;cursor:pointer;color:var(--navy)}.user-chip:hover{background:#eff5fb}.avatar{width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}.user-meta{display:flex;flex-direction:column;text-align:left;min-width:115px}.user-meta strong{font-size:13px}.user-meta small{font-size:11px;color:var(--muted);margin-top:1px}.user-popover{display:none;position:absolute;right:0;top:50px;width:235px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px;z-index:60}.user-popover.open{display:block}.user-popover>div{padding:9px 10px;border-bottom:1px solid var(--line-2);margin-bottom:4px}.user-popover strong,.user-popover small{display:block}.user-popover small{color:var(--muted);margin-top:2px;word-break:break-all}.user-popover a{display:flex;align-items:center;gap:8px;padding:9px 10px;text-decoration:none;border-radius:7px}.user-popover a:hover{background:#f4f7fb}.mobile-menu,.topbar-brand-mobile{display:none}.content{flex:1;padding:22px 22px 36px;max-width:1600px;width:100%;margin:0 auto}.page-footer{border-top:1px solid var(--line);background:#fff;min-height:58px;padding:16px 22px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.footer-tag{margin-left:auto;font-style:italic;color:var(--navy)}.version{color:var(--muted-2)}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{font-size:27px;line-height:1.15;margin:0;color:#0b2b65;letter-spacing:-.3px}.page-head p{margin:6px 0 0;color:#52647d}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#6e8198;font-size:12px;margin-bottom:10px}.breadcrumbs a{text-decoration:none;color:var(--blue)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px rgba(15,23,42,.02)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line-2)}.panel-title{display:flex;align-items:center;gap:9px;font-size:16px;color:var(--navy);font-weight:700}.panel-body{padding:16px 17px}.btn{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:8px;padding:9px 13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px}.btn:hover{background:#f6f9fc}.btn-primary{background:var(--blue-2);border-color:var(--blue-2);color:#fff}.btn-primary:hover{background:#105ba9}.btn-success{background:var(--green);border-color:var(--green);color:#fff}.btn-danger{color:var(--red);border-color:#f1c6c6}.btn-sm{padding:6px 9px;min-height:31px;font-size:12px}.btn-block{width:100%}.icon-btn-sm{width:30px;height:30px;border-radius:6px;border:0;background:transparent;color:#4b6788;cursor:pointer}.icon-btn-sm:hover{background:#eef4f9}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;white-space:nowrap}.badge.success{background:var(--green-soft);color:#15743a}.badge.info{background:var(--blue-soft);color:#1365bc}.badge.warning{background:var(--gold-soft);color:#9b6c00}.badge.danger{background:var(--red-soft);color:#aa2c2c}.badge.muted{background:#eef2f7;color:#607087}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:13px;min-height:102px}.metric-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.metric-card.green .metric-icon{background:var(--green-soft);color:var(--green)}.metric-card.gold .metric-icon{background:var(--gold-soft);color:#d19200}.metric-card h3{margin:0;font-size:12px;color:var(--navy)}.metric-value{font-size:27px;line-height:1.1;font-weight:750;margin-top:4px;color:#0d2448}.metric-sub{font-size:11px;color:var(--muted);margin-top:3px}.dashboard-grid{display:grid;grid-template-columns:1.3fr .85fr .75fr;gap:12px;margin-bottom:14px}.chart-card{padding:16px;min-height:265px}.chart-card h2{font-size:15px;margin:0 0 15px;color:var(--navy)}.bar-chart{height:185px;display:flex;align-items:flex-end;gap:16px;border-bottom:1px solid var(--line);padding:8px 7px 0}.bar-item{flex:1;min-width:36px;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar-value{font-size:11px;font-weight:700;margin-bottom:4px}.bar{width:min(46px,75%);border-radius:5px 5px 0 0;background:var(--blue);min-height:3px}.bar-item:nth-child(2n) .bar{background:var(--green)}.bar-item:nth-child(3n) .bar{background:var(--gold)}.bar-label{height:43px;padding-top:7px;text-align:center;font-size:10px;color:#52667f}.donut-wrap{display:flex;align-items:center;justify-content:center;height:190px}.donut{--p:0;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),#e7edf4 0);position:relative;display:grid;place-items:center}.donut:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:#fff}.donut-center{position:relative;z-index:1;text-align:center}.donut-center strong{font-size:28px;color:var(--navy);display:block}.donut-center span{font-size:10px;color:var(--muted)}.feed-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 12px}.feed-tab{padding:13px 8px 10px;border:0;background:transparent;color:#667b95;font-weight:600;border-bottom:2px solid transparent}.feed-tab.active{color:var(--blue);border-color:var(--blue)}.feed-list{padding:4px 13px}.feed-item{display:grid;grid-template-columns:10px 1fr auto;gap:9px;padding:10px 0;border-bottom:1px solid var(--line-2)}.feed-item:last-child{border-bottom:0}.feed-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:5px}.feed-item:nth-child(2n) .feed-dot{background:var(--blue)}.feed-item strong{font-size:12px;display:block}.feed-item small{font-size:10px;color:var(--muted)}.feed-time{font-size:10px;color:#7d91a9;white-space:nowrap}.table-panel{overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.search-input{min-width:220px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:#fff}.search-input input{border:0;outline:0;width:100%;background:transparent}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:820px}.data-table th{background:#f3f6fa;color:#52627a;font-size:10px;text-align:left;padding:8px 10px;white-space:nowrap}.data-table td{padding:9px 10px;border-bottom:1px solid var(--line-2);font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcff}.progress-inline{display:flex;align-items:center;gap:8px;min-width:100px}.progress-track{height:7px;background:#e8eef5;border-radius:999px;overflow:hidden;flex:1}.progress-fill{height:100%;background:var(--green);border-radius:inherit}.progress-fill.blue{background:var(--blue)}.progress-fill.gold{background:var(--gold)}.empty-state{text-align:center;padding:40px 18px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.span-2{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#425673}.field input,.field select,.field textarea,.select-input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 11px;color:var(--ink);outline:none}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7ab1e9;box-shadow:0 0 0 3px #eaf4ff}.field input[disabled],.field input[readonly],.field select[disabled],.field textarea[readonly]{background:#f6f8fb;color:#52677f}.help{font-size:10px;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.alert{border-radius:8px;padding:10px 12px;margin-bottom:14px;font-size:12px}.alert.success{background:var(--green-soft);color:#176d38}.alert.error{background:var(--red-soft);color:#982d2d}.alert.info{background:var(--blue-soft);color:#205c94}.pill-tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow:auto}.pill-tab{border:0;background:transparent;padding:10px 12px;color:#5e7088;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}.pill-tab.active{color:var(--blue);border-color:var(--blue)}
/* Board */
.cycle-head{margin-bottom:13px}.cycle-meta-line{display:flex;align-items:center;gap:12px;color:#46617e;margin-top:6px}.cycle-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 -3px 14px;padding:0 3px}.cycle-tab{padding:10px 9px;text-decoration:none;color:#536a85;font-weight:600;border-bottom:3px solid transparent}.cycle-tab.active{color:var(--blue);border-color:var(--blue)}.board-summary{display:flex;gap:9px;margin-bottom:12px;overflow:auto;padding-bottom:2px}.summary-chip{min-width:142px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 13px}.summary-chip strong{display:block;font-size:20px;color:var(--navy)}.summary-chip span{font-size:10px;color:var(--muted)}.board-wrap{position:relative}.board-scroller{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:1px 2px 13px;scrollbar-color:#b8c7d6 transparent;scroll-snap-type:x proximity}.phase-column{width:292px;min-width:292px;max-width:292px;background:#f8fbfe;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;max-height:calc(100vh - 240px);min-height:520px;scroll-snap-align:start}.phase-head{padding:12px 12px 9px;position:sticky;top:0;background:#f8fbfe;border-radius:10px 10px 0 0;z-index:2}.phase-title-row{display:flex;align-items:center;gap:8px}.phase-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:700}.phase-column:nth-child(2n) .phase-number{background:var(--green)}.phase-column:nth-child(3n) .phase-number{background:#d69b00}.phase-title{font-weight:700;color:var(--navy);flex:1}.phase-lock{color:#8092a8}.phase-count{font-size:10px;color:var(--muted);margin:3px 0 6px 38px}.phase-progress{margin-left:38px;display:flex;align-items:center;gap:7px}.phase-progress .progress-track{height:6px}.phase-progress small{font-size:10px;color:#59708a}.phase-cards{padding:0 8px;overflow-y:auto;flex:1}.activity-card{background:#fff;border:1px solid #d8e4ef;border-radius:9px;padding:11px;margin:0 0 8px;cursor:pointer;box-shadow:0 1px 1px rgba(20,41,76,.02)}.activity-card:hover,.activity-card.selected{border-color:#64a7eb;box-shadow:0 0 0 2px rgba(46,123,196,.10)}.activity-card-head{display:flex;align-items:flex-start;gap:6px}.activity-code{color:#0d6dd3;font-weight:800;font-size:12px}.activity-menu{margin-left:auto;color:#6f8298}.activity-title{font-weight:700;color:#122f60;margin:4px 0 9px;line-height:1.25}.activity-person{display:flex;align-items:center;gap:7px;color:#526a86;font-size:11px;margin-bottom:7px}.mini-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e4f0fe;color:#1166b9;font-size:9px;font-weight:700}.activity-date{display:flex;gap:7px;align-items:center;font-size:10px;color:#5d7088;margin:7px 0}.activity-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #edf1f5;margin-top:8px;padding-top:8px}.activity-counters{display:flex;gap:9px;color:#657a92;font-size:10px}.phase-add{padding:7px 9px 9px}.phase-add .btn{width:100%;background:#eef5fc;border-color:transparent;color:#3678ba}.drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(7,31,58,.22);z-index:69}.activity-drawer{position:fixed;right:-650px;top:0;bottom:0;width:min(625px,100vw);background:#fff;z-index:70;box-shadow:-12px 0 38px rgba(11,43,101,.16);transition:right .24s ease;display:flex;flex-direction:column}.activity-drawer.open{right:0}.drawer-backdrop.open{display:block}.drawer-header{padding:20px 24px 14px;border-bottom:1px solid var(--line)}.drawer-top{display:flex;align-items:center;gap:10px}.drawer-phase-badge{background:var(--gold-soft);color:#996700;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.drawer-code{background:var(--blue-soft);color:#0d6ac6;border-radius:7px;padding:5px 9px;font-weight:800}.drawer-close{margin-left:auto}.drawer-header h2{font-size:23px;line-height:1.18;margin:14px 0 9px;color:#0b2b65}.drawer-tabs{display:flex;gap:4px;padding:0 23px;border-bottom:1px solid var(--line);overflow:auto}.drawer-tab{border:0;background:transparent;padding:12px 10px 10px;color:#526982;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}.drawer-tab.active{color:var(--blue);border-color:var(--blue)}.tab-count{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:999px;background:#edf2f7;font-size:9px;margin-left:3px}.drawer-body{padding:18px 24px 28px;overflow-y:auto;flex:1}.drawer-panel{display:none}.drawer-panel.active{display:block}.drawer-footer{padding:13px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:#fff}.assignee-picker{border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;gap:5px;flex-wrap:wrap;min-height:42px}.assignee-tag{display:inline-flex;align-items:center;gap:5px;background:#eff5fc;border-radius:999px;padding:4px 7px;font-size:11px}.checklist{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:8px}.check-item input{margin-top:3px}.check-item.done span{text-decoration:line-through;color:#8493a6}.update-composer{border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:14px}.update-composer textarea{width:100%;border:0;outline:0;resize:vertical;min-height:78px}.update-composer-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-2);padding-top:8px}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:#dbe5ee}.timeline-item{position:relative;padding:0 0 18px}.timeline-dot{position:absolute;left:-22px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 0 1px #c5d5e5}.timeline-item.query .timeline-dot{background:var(--gold)}.timeline-item.response .timeline-dot{background:var(--green)}.timeline-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.timeline-meta strong{font-size:12px}.timeline-meta time{font-size:10px;color:var(--muted)}.timeline-body{background:#f7faff;border-radius:8px;padding:9px 10px;font-size:12px;color:#3d516d}.timeline-item.query .timeline-body{background:#fff7e5}.timeline-item.response .timeline-body{background:#eef9f1}.attachment-list{display:flex;flex-direction:column;gap:7px}.attachment-row{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:9px}.attachment-row .file-meta{flex:1;min-width:0}.attachment-row strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-row small{font-size:10px;color:var(--muted)}.history-row{padding:9px 0;border-bottom:1px solid var(--line-2);font-size:11px}.history-row strong{color:#315779}.history-row small{color:var(--muted);display:block;margin-top:3px}.lock-note{display:flex;align-items:center;gap:7px;background:#f5f8fc;color:#5f7188;padding:8px 10px;border-radius:8px;font-size:10px;margin-top:8px}
.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(7,31,58,.36);z-index:80;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{background:#fff;width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:13px;box-shadow:0 20px 60px rgba(7,31,58,.22)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px;margin:0;color:var(--navy)}.modal-body{padding:18px 19px}.modal-footer{padding:13px 19px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast-region{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:#152a47;color:#fff;padding:11px 14px;border-radius:8px;box-shadow:var(--shadow);font-size:12px;max-width:330px}.toast.success{background:#176f3c}.toast.error{background:#a72f2f}
/* Login */
.auth-body{min-height:100vh;margin:0;background:linear-gradient(135deg,#0d3f68,#155f91);display:grid;place-items:center;padding:22px}.auth-card{width:min(420px,100%);background:#fff;border-radius:16px;padding:30px;box-shadow:0 24px 60px rgba(0,0,0,.22)}.auth-brand{text-align:center;margin-bottom:22px}.auth-brand img{width:92px;height:92px;border-radius:50%;object-fit:cover}.auth-brand h1{font-size:22px;color:var(--navy);margin:10px 0 3px}.auth-brand p{margin:0;color:var(--muted);font-size:12px}.auth-card .field{margin-bottom:13px}.auth-footer{text-align:center;color:#d8e8f4;font-size:11px;margin-top:17px}.auth-link{font-size:12px;color:var(--blue);text-decoration:none}.auth-row{display:flex;align-items:center;justify-content:space-between;margin-top:3px}
/* Report */
.report-cover{padding:28px}.report-title{display:flex;align-items:center;gap:18px;border-bottom:4px solid var(--gold);padding-bottom:14px}.report-title img{width:78px;height:78px;border-radius:50%}.report-title h1{margin:0;color:var(--navy);font-size:26px}.report-section{margin-top:22px}.report-section h2{font-size:17px;color:var(--navy);border-bottom:1px solid var(--line);padding-bottom:7px}.report-activity{border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:12px}.report-update{margin:8px 0 0 16px;border-left:3px solid #dce8f3;padding:4px 0 4px 10px}.print-only{display:none}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.panel:last-child{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}.content{padding:18px}.phase-column{max-height:calc(100vh - 210px)}}
@media(max-width:820px){:root{--topbar:62px}.sidebar{transform:translateX(-100%);transition:transform .2s ease;width:250px;z-index:90}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.app-topbar{padding:0 12px;gap:8px}.mobile-menu{display:grid}.topbar-brand-mobile{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--navy);font-size:12px}.topbar-brand-mobile img{width:32px;height:32px;border-radius:50%}.global-search{display:none}.user-meta{display:none}.user-chip{gap:5px}.content{padding:14px 12px 28px}.page-head{flex-direction:column}.page-head h1{font-size:22px}.page-actions{width:100%}.page-actions .btn{flex:1}.cards{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:92px;padding:12px}.metric-icon{width:40px;height:40px}.metric-value{font-size:22px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.panel:last-child{grid-column:auto}.chart-card{min-height:235px}.form-grid{grid-template-columns:1fr}.field.span-2{grid-column:auto}.page-footer{flex-wrap:wrap}.footer-tag{margin-left:0;flex-basis:100%}.board-summary{margin-right:-12px}.phase-column{width:84vw;min-width:84vw;max-width:84vw;min-height:calc(100vh - 280px);max-height:calc(100vh - 230px)}.activity-drawer{width:100vw}.drawer-header{padding:17px 16px 12px}.drawer-header h2{font-size:20px}.drawer-tabs{padding:0 10px}.drawer-body{padding:15px 16px}.drawer-footer{padding:10px 14px}.cycle-tabs{overflow:auto}.data-table{min-width:760px}}
@media(max-width:520px){.cards{grid-template-columns:1fr 1fr}.metric-card{display:block}.metric-icon{width:34px;height:34px;margin-bottom:7px}.metric-card h3{font-size:10px}.metric-value{font-size:21px}.metric-sub{display:none}.topbar-brand-mobile span{display:none}.user-chip .avatar{width:34px;height:34px}.content{padding-left:10px;padding-right:10px}.page-head h1{font-size:20px}.cycle-meta-line{font-size:11px;flex-wrap:wrap}.phase-column{width:88vw;min-width:88vw;max-width:88vw}.drawer-top{align-items:flex-start}.drawer-header h2{font-size:19px}.form-actions{position:sticky;bottom:0;background:#fff;padding-top:8px}.auth-card{padding:24px 20px}.auth-brand img{width:78px;height:78px}}
@media print{.sidebar,.app-topbar,.page-footer,.page-actions,.no-print{display:none!important}.app-main{margin:0}.content{padding:0;max-width:none}.panel{box-shadow:none;border-color:#bbb}.print-only{display:block}.report-cover{padding:0}.report-activity{break-inside:avoid}.report-section{break-inside:avoid-page}}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr!important}}

/* v1.0.1 multi-role administration */
.role-check-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:5px 10px;min-width:285px}
.role-check{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);white-space:nowrap}
.role-check input{accent-color:var(--blue)}
.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.role-picker-item{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff;cursor:pointer}
.role-picker-item:has(input:checked){border-color:var(--blue);background:#f2f7fc}
.role-picker-item input{margin-top:3px;accent-color:var(--blue)}
.role-picker-item span{display:flex;flex-direction:column;gap:2px}
.role-picker-item strong{font-size:12px;color:var(--ink)}
.role-picker-item small{font-size:10.5px;color:var(--muted-2);line-height:1.3}
.user-role-table .row-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:170px}
@media(max-width:700px){.role-picker{grid-template-columns:1fr}.role-check-grid{grid-template-columns:1fr;min-width:150px}}

/* v1.0.2 controlled administration, change log and updater */
.log-details{margin:8px 0 0;max-width:560px;white-space:pre-wrap;word-break:break-word;background:#f7f9fc;border:1px solid var(--line-2);border-radius:7px;padding:9px;font:11px/1.45 Consolas,"Courier New",monospace;color:#455b76}
.alert-error{background:var(--red-soft);color:#a92f2f;border:1px solid #f1caca;border-radius:8px;padding:10px 12px}
code{font-family:Consolas,"Courier New",monospace;font-size:.92em;background:#f1f5f9;border-radius:4px;padding:1px 4px}
@media(max-width:800px){.cards[style*="repeat(3"]{grid-template-columns:1fr!important}.settings-grid{grid-template-columns:1fr!important}.user-role-table .row-actions{min-width:225px}}
.release-changelog details{border-bottom:1px solid var(--line-2);padding:9px 0}.release-changelog details:last-child{border-bottom:0}.release-changelog summary{cursor:pointer;color:var(--navy)}.release-changelog ul{margin:8px 0 2px 20px;color:var(--muted);font-size:12px}.release-changelog li{margin:4px 0}

/* v1.0.4 — keep the complete navigation reachable on short desktop/laptop viewports. */
.sidebar{overflow:hidden}
.side-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-right:-4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.30) transparent}
.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-track{background:transparent}.side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:999px}.side-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.42)}
.sidebar-footer{flex:0 0 auto}
@media (min-width:821px) and (max-height:760px){
  .sidebar{padding-top:10px;padding-bottom:10px}
  .brand-block{gap:5px;padding-bottom:8px}
  .brand-seal{width:58px;height:58px}
  .brand-block strong{font-size:15px}.brand-block span{font-size:10px}
  .org-caption{padding:7px 8px 8px;font-size:10px}
  .side-nav{gap:3px}
  .side-link{padding:8px 10px;gap:10px;font-size:13px}
  .side-link .icon{width:18px;height:18px}
  .sidebar-footer{display:none}
}
@media (max-width:820px){
  .sidebar{overflow:hidden}
  .side-nav{flex:1;min-height:0;overflow-y:auto;padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .sidebar-footer{display:none}
}

/* v1.0.6 dashboard drill-downs and update-linked attachments */
.metric-link{color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.metric-link:hover,.metric-link:focus-visible{transform:translateY(-1px);border-color:#a9c9e8;box-shadow:0 7px 20px rgba(21,35,61,.07);outline:none}
.chart-link{color:inherit;text-decoration:none;border-radius:7px;transition:background .15s ease}
.chart-link:hover,.chart-link:focus-visible{background:#f6f9fc;outline:none}
.donut-link{display:flex;align-items:center;justify-content:center;height:190px;text-decoration:none;color:inherit;border-radius:10px}
.donut-link:hover,.donut-link:focus-visible{background:#f9fbfd;outline:none}
.feed-link{color:inherit;text-decoration:none;border-radius:6px;padding-left:4px;padding-right:4px}
.feed-link:hover,.feed-link:focus-visible{background:#f7faff;outline:none}
.drill-hint{font-size:10px;color:var(--muted);margin-top:6px}
.update-attachment-picker{border-top:1px solid var(--line-2);padding:9px 0 8px;display:flex;flex-direction:column;gap:6px}
.update-attachment-picker label{font-size:11px;font-weight:700;color:#425b78;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.update-attachment-picker input[type=file]{font-size:11px;color:var(--muted);max-width:100%}
.update-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(71,103,137,.13)}
.update-file{max-width:100%;display:inline-flex;align-items:center;gap:5px;text-decoration:none;background:#fff;border:1px solid #d9e5f0;border-radius:7px;padding:5px 7px;color:#315d89;font-size:10.5px;font-weight:600}
.update-file span{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.update-file:hover{background:#f1f7fd;border-color:#b7d0e7}
.attachment-relation{display:block;margin-top:4px;font-size:9.5px;color:#1f6cae;font-weight:600}
.attachment-relation.standalone{color:var(--muted)}
.filter-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
@media(max-width:520px){.update-composer-actions{align-items:flex-end;gap:8px}.update-composer-actions .select-input{max-width:58%}.update-file span{max-width:190px}}
.table-toolbar .select-input{width:auto;min-width:132px;padding:7px 9px}
@media(max-width:820px){.panel-head{align-items:flex-start;flex-wrap:wrap}.table-toolbar{width:100%}.table-toolbar .search-input{flex:1 1 220px}.table-toolbar .select-input{flex:1 1 150px;min-width:0}}

/* v1.0.10: consistent spacing, readable secondary text and touch controls. */
:root{--muted:#53657b;--muted-2:#64748b}
.content{min-width:0}.page-head>div{min-width:0}.page-head h1{overflow-wrap:anywhere}
.page-actions,.row-actions{flex-wrap:wrap}.field{min-width:0}.field input,.field select,.field textarea{max-width:100%}
.dashboard-grid{align-items:start}.dashboard-grid>.panel{min-width:0}.dashboard-grid>.panel:last-child{max-height:620px;overflow:auto}
.chart-card{min-height:300px}.board-summary{display:flex;flex-wrap:wrap;gap:10px}.board-summary>*{flex:1 1 145px;min-width:0}
.phase-column{min-height:420px}.drawer-tabs{overflow-x:auto;flex-shrink:0}.drawer-tab{white-space:nowrap;min-height:44px}
.activity-drawer{height:100vh;height:100dvh}.drawer-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;min-width:0}.modal form{min-height:0;overflow:auto}.modal-body{min-width:0}
.team-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;padding:8px;border:1px solid var(--line);border-radius:8px;max-height:240px;overflow:auto}
.team-picker label{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px;border-radius:6px;background:#f4f7fb;cursor:pointer}
.team-picker input[type=checkbox]{width:18px;height:18px;flex:none}.team-picker span{overflow-wrap:anywhere;font-size:13px}
.role-check{min-height:40px}.role-picker-item{min-width:0}.registration-note{display:block;max-width:220px;margin-top:6px;color:var(--muted)}
.registration-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.registration-toggle small{display:block;max-width:420px;color:var(--muted);margin-top:4px}
.auth-card{width:min(440px,calc(100vw - 24px));max-width:100%}.auth-body{padding:24px 12px}.auth-card .field{margin-bottom:16px}.auth-card p{line-height:1.6}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1669c7;outline-offset:3px}
.btn:disabled{opacity:.65;cursor:wait}.timeline-meta{flex-wrap:wrap}.timeline-body{overflow-wrap:anywhere}.table-scroll{max-width:100%;overflow:auto}
@media(max-width:820px){.dashboard-grid>.panel:last-child{max-height:none}.page-actions .btn{min-height:44px}.btn,.icon-btn,.icon-btn-sm{min-height:44px}.field input,.field select,.field textarea{font-size:16px;min-height:44px}.team-picker{grid-template-columns:1fr}.board-summary{margin-right:0}.board-summary>*{flex-basis:calc(50% - 10px)}.modal-backdrop{padding:12px}.modal{width:100%;max-width:100%}.modal-head,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-wrap:wrap}.drawer-body{padding-bottom:28px}.chart-card{min-height:260px}.feed-time{white-space:normal}.role-check-grid{gap:4px}.page-actions{gap:8px}.report-title{align-items:flex-start}.report-title h1{overflow-wrap:anywhere;font-size:21px}.auth-row{gap:16px;flex-wrap:wrap}}
@media(max-width:380px){.page-actions .btn{flex-basis:100%}.metric-card h3{font-size:12px}.board-summary>*{flex-basis:100%}.drawer-tab{padding-left:10px;padding-right:10px}}
@media print{.dashboard-grid>.panel:last-child{max-height:none;overflow:visible}.table-scroll{overflow:visible}}

/* v1.0.10 refinement: PSS OAG navigation, grid rhythm, touch surfaces and print report polish. */
.side-link.active,.side-admin-group>.admin-toggle.active{background:linear-gradient(90deg,#237d45,#19673a)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.side-admin-group{margin-top:7px;border-top:1px solid rgba(255,255,255,.2);padding-top:8px}
.side-admin-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:44px}
.side-admin-group summary::-webkit-details-marker{display:none}
.side-admin-group .nav-chevron{margin-left:auto;font-size:18px;transition:transform .15s}
.side-admin-group[open] .nav-chevron{transform:rotate(180deg)}
.side-admin-items{padding:4px 0 6px 16px;display:grid;gap:3px}
.side-admin-items .side-link{font-size:12.5px;min-height:40px;padding:8px 10px}
.cycle-overview-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cycle-overview-card{padding:18px;min-width:0;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(15,31,50,.03);color:inherit;text-decoration:none}
.cycle-overview-card span{display:block;font-weight:600;font-size:12px;color:var(--muted)}
.cycle-overview-card strong{display:block;font-size:28px;line-height:1.2;margin-top:9px;color:var(--navy)}
.cycle-overview-card small{color:var(--muted);font-size:11px;margin-top:5px;display:block}
.cycle-overview-card:focus-visible{outline:3px solid #237d45;outline-offset:3px}
.cycle-phase-list{display:grid;gap:13px}.cycle-phase-item{display:grid;grid-template-columns:minmax(155px,1fr) 2fr auto;gap:12px;align-items:center}
.cycle-phase-item strong{font-size:12px}.cycle-phase-item .progress-track{height:9px}.cycle-phase-item em{font-style:normal;font-size:12px;color:var(--muted);min-width:44px;text-align:right}
.cycle-team-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:260px;overflow:auto;padding:8px;background:#f7f9fc;border:1px solid var(--line);border-radius:9px}
.cycle-team-checks label{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px;padding:8px;background:#fff;border-radius:7px;border:1px solid var(--line-2)}
.cycle-team-checks input{width:18px;height:18px;accent-color:#237d45}
.btn{min-height:40px}.btn-sm{min-height:36px}.icon-button,.icon-btn-sm{min-width:40px;min-height:40px}
.field label{font-size:12px}.field input,.field select,.field textarea{width:100%;box-sizing:border-box}
.cycle-detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
.cycle-detail-layout>.panel{min-width:0}
@media(max-width:920px){.cycle-overview-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-detail-layout{grid-template-columns:1fr}}
@media(max-width:580px){.cycle-overview-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cycle-overview-card{padding:12px}.cycle-overview-card strong{font-size:23px}.cycle-phase-item{grid-template-columns:minmax(110px,1fr) 1.2fr 34px;gap:8px}.cycle-team-checks{grid-template-columns:1fr}.content{padding-left:14px;padding-right:14px}.page-head{gap:12px}}
@media print{
 @page{size:A4 portrait;margin:16mm 13mm 17mm}
 body{background:#fff!important;color:#142438!important;font:11pt/1.5 Arial,sans-serif!important}
 .report-cover{border:0!important;box-shadow:none!important;padding:0!important}
 .report-title{border-bottom:2px solid #237d45;margin-bottom:16px;padding-bottom:12px;page-break-after:avoid}
 .report-title img{max-height:63px;object-fit:contain}
 .report-section{break-inside:auto;page-break-inside:auto;margin-bottom:18px}
 .report-section h2{break-after:avoid;font-size:13pt;color:#173e58}
 .report-activity{break-inside:avoid-page;border-color:#dbe5ed}
 .data-table{font-size:9pt;min-width:0!important;table-layout:auto;width:100%}
 .data-table thead{display:table-header-group}
 .data-table tr{break-inside:avoid}
 a{color:inherit;text-decoration:none}
 .report-print-footer{display:block!important;margin-top:22px;font-size:9pt;border-top:1px solid #cad6e0;padding-top:8px;color:#53657b}
}

/* Release history: readable narrative rather than the former hard-coded bullet list. */
.release-changelog .release-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 15px}
.release-changelog details{padding:16px 0;border-bottom:1px solid var(--line-2)}
.release-changelog details summary{display:flex;align-items:center;flex-wrap:wrap;gap:7px;line-height:1.4;font-size:15px}
.release-changelog details summary strong{white-space:nowrap}
.release-changelog .release-current{margin-left:auto;font-size:11px}
.release-changelog .release-date{font-size:11px;color:var(--muted);margin:9px 0 5px}
.release-changelog .release-summary{color:var(--navy);font-size:13px;font-weight:500;line-height:1.7}
.release-changelog p{margin:8px 0 10px;font-size:13px;line-height:1.7;color:var(--muted)}
.release-changelog h3{font-size:13px;color:var(--navy);margin:16px 0 4px}
.release-changelog .release-warning{color:#8a5e13}
@media(max-width:520px){.release-changelog details summary{font-size:14px}.release-changelog .release-current{margin-left:0}}

/* v1.0.12: readable notice if an optional overview widget cannot load. */
.cycle-overview-warning{margin:0 0 16px;padding:12px 15px;background:#fff7e5;border:1px solid #e9c477;border-radius:10px;color:#60460f;font-size:14px;line-height:1.5}

/* v1.0.13: persistent three-view audit-cycle navigation. */
.cycle-tabs{
  position:sticky;
  top:var(--topbar);
  z-index:28;
  display:flex;
  align-items:stretch;
  gap:10px;
  margin:0 0 16px;
  padding:5px 8px 0;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  background:rgba(255,255,255,.98);
  border:1px solid var(--line);
  border-radius:10px 10px 0 0;
  box-shadow:0 2px 8px rgba(13,47,95,.03);
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.cycle-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  flex:0 0 auto;
  padding:10px 15px;
  white-space:nowrap;
  color:#4f637e;
  font-size:14px;
  font-weight:600;
  border-bottom:3px solid transparent;
  text-decoration:none;
  transition:color .15s ease,background-color .15s ease;
}
.cycle-tab:hover{color:#176b38;background:#f0f8f2;}
.cycle-tab.active,.cycle-tab[aria-current="page"]{
  color:#19723e;
  background:#eaf7ed;
  border-color:#1f9345;
}
.cycle-tab:focus-visible{outline:3px solid #19723e;outline-offset:-3px;}
@media(max-width:520px){
  .cycle-tabs{gap:3px;padding:3px 5px 0;}
  .cycle-tab{font-size:13px;min-height:46px;padding:10px 12px;}
}
@media print{.cycle-tabs{display:none!important;}}

/* v1.0.14: responsive clarity and keyboard accessibility */
:root{--muted:#53657b;--muted-2:#596b82}
.field label,.field-label{font-size:12px;line-height:1.45;font-weight:700;color:#374d69}
.cycle-register-link{display:block;color:var(--navy);text-decoration:none;border-radius:6px;padding:3px 0;line-height:1.45}
.cycle-register-link small{color:var(--muted);font-size:12px}
.cycle-register-link:hover,.cycle-register-link:focus-visible{color:#135f8d;text-decoration:underline}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #1669c7;outline-offset:2px}
.btn-sm,.icon-btn-sm{min-height:40px}
@media(max-width:820px){.btn-sm,.icon-btn-sm,.cycle-register-link{min-height:44px}.cycle-register-link{display:flex;flex-direction:column;justify-content:center}}
.drill-hint,.release-changelog .release-date,.release-changelog .release-current{font-size:12px}


/* v1.0.19 — unified panel headers, balanced forms and responsive update console.
   Existing Puntland OAG navy/blue branding is retained; green marks active states. */
:root{--panel-header-bg:#eff5fb;--panel-header-edge:#d6e2ef;--panel-header-ink:#0d2f5f;--control-edge:#cbd8e6}
.panel{min-width:0}
.panel-head{
  min-width:0;min-height:62px;padding:15px 18px;gap:12px;
  background:linear-gradient(105deg,var(--panel-header-bg),#f7fafe);
  border-bottom:1px solid var(--panel-header-edge);
  border-radius:var(--radius) var(--radius) 0 0;
}
.panel-head .panel-title,.panel-head h2.panel-title{margin:0;color:var(--panel-header-ink);font-size:16px;font-weight:750;line-height:1.35}
.panel-head .panel-title .icon{color:#155686}
.panel-body{min-width:0;padding:18px}
.app-topbar{background:rgba(250,252,255,.97);border-bottom-color:#d6e1ee}
.page-head h1{color:var(--panel-header-ink)}
.data-table th{background:#edf3f9;color:#294362;font-size:12px;font-weight:700;padding:12px 13px}
.data-table td{padding:12px 13px;line-height:1.5;overflow-wrap:anywhere}
.data-table tbody tr:focus-within{background:#eef7f0}
.metric-card{min-width:0;align-items:center}
.metric-card h3{font-size:12px;line-height:1.4}
.field{min-width:0;gap:7px}
.field label,.field-label{font-size:13px;line-height:1.4;color:#28405e;font-weight:700}
.field :is(input,select,textarea),.select-input{min-width:0;min-height:44px;border-color:var(--control-edge);line-height:1.45}
.field textarea{min-height:105px}
.field input[type="checkbox"],.field input[type="radio"]{width:18px;min-height:18px;height:18px;accent-color:var(--green);flex:none}
.field input[type="file"]{padding:10px 12px;min-height:52px;max-width:100%;font-size:14px}
.field :is(input,select,textarea):focus{border-color:#276ea8;box-shadow:0 0 0 3px rgba(46,123,196,.14)}
.form-grid{gap:15px}
.form-actions{flex-wrap:wrap;align-items:center;gap:10px}
.btn{min-height:42px;padding:10px 14px;line-height:1.35}
.btn-sm{min-height:40px;padding:8px 11px}
.page-actions{align-items:center}
.modal-head{background:var(--panel-header-bg);color:var(--panel-header-ink)}
.modal-head h2{color:var(--panel-header-ink);line-height:1.35}
.drawer-header{background:#f4f8fc}
.help{font-size:12px;line-height:1.55}
.table-scroll{min-width:0;max-width:100%}

/* Update console: equal-height cards, with scrolling confined to Update History. */
.updater-status-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.updates-console{
 display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
 align-items:stretch;gap:16px;min-width:0;
}
.updates-console>.update-console-card{
 display:flex;flex-direction:column;min-width:0;min-height:0;
 height:610px;overflow:hidden;
}
.updates-console>.update-console-card>.panel-head{flex:0 0 auto;min-height:66px}
.update-install-body{
 display:flex;flex-direction:column;flex:1;min-height:0;
 overflow-y:auto;overscroll-behavior:contain;
 scrollbar-gutter:stable;
}
.update-install-body>.lock-note{flex-shrink:0}
.update-install-body #update-form{margin-top:8px}
.update-package-help{margin:16px 0 0;color:var(--muted)}
.update-history-scroll{
 flex:1;min-height:0;max-height:none;
 overflow-x:auto;overflow-y:auto;
 overscroll-behavior:contain;scrollbar-gutter:stable;
 background:#fff;
}
.update-history-scroll .data-table{min-width:660px}
.update-history-scroll .data-table thead th{
 position:sticky;top:0;z-index:2;
 background:#eaf1f8;border-bottom:1px solid #d4e0ed;
}
.update-history-scroll .data-table td:nth-child(2){min-width:205px}
.update-history-scroll .data-table td:nth-child(2) .muted{
 max-width:280px;font-size:12px!important;line-height:1.4;
 overflow-wrap:anywhere;word-break:break-word;
}
.update-history-scroll:focus-visible{outline:3px solid #217541;outline-offset:-3px}
@media(max-width:1180px){
 .updater-status-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .updates-console{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:900px){
 .updates-console{grid-template-columns:minmax(0,1fr)}
 .updates-console>.update-install-card{height:auto;min-height:0}
 .updates-console .update-install-body{overflow:visible}
 .updates-console>.update-history-card{height:420px}
 .updates-console .update-history-scroll{overflow:auto}
}
@media(max-width:600px){
 .updater-status-cards{grid-template-columns:1fr}
 .panel-head{padding:13px 14px;min-height:56px}
 .panel-body{padding:15px}
 .panel-head .panel-title,.panel-head h2.panel-title{font-size:15px}
 .updates-console{gap:12px}
 .updates-console>.update-console-card>.panel-head{min-height:58px}
 .updates-console>.update-history-card{height:370px}
 .update-history-scroll .data-table{min-width:650px}
 .field input[type="file"]{font-size:13px}
 .form-actions .btn{min-height:44px}
 .page-head h1{font-size:22px}
}
@media print{
 .updates-console>.update-console-card{height:auto!important;overflow:visible!important}
 .update-history-scroll,.update-install-body{overflow:visible!important;max-height:none!important}
 .update-history-scroll .data-table thead th{position:static}
 .panel-head{background:#eef3f9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* DMS extensions of the Audit Cycle Tracker's shared visual language. */
:root{--navy:#0d2f5f;--navy2:#123f6f;--blue:#2e7bc4;--green:#1f9345;--gold:#d7a31a;--panel:#fff}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.panel-header{padding:15px 17px;border-bottom:1px solid var(--line-2);background:#f0f5fa;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--navy);font-size:15px;font-weight:700}
.panel-body{padding:17px}.metric{padding:21px;display:grid;gap:9px;min-width:0;text-decoration:none}.metric strong{font-size:26px;color:var(--navy)}.metric span{font-size:13px;color:var(--muted)}
.btn.primary{background:var(--blue-2);border-color:var(--blue-2);color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{color:var(--red);border-color:#efc5c5}.btn.sm{font-size:12px;min-height:32px;padding:5px 10px}
.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 16px}.field{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:13px}.field label{font-size:12px;font-weight:700;color:#39526c}
.field input,.field select,.field textarea{display:block;width:100%;max-width:100%;border:1px solid #cbd7e4;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);min-height:42px}.field input[type=checkbox]{width:18px;min-height:18px}.field input[type=file]{height:auto}.field textarea{min-height:90px;resize:vertical}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.span-all{grid-column:1/-1}.hint,.muted{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto}.data{border-collapse:collapse;width:100%;text-align:left}.data th{background:#eaf2f9;color:var(--navy);font-size:12px;padding:11px 12px;white-space:nowrap}.data td{padding:11px 12px;border-bottom:1px solid var(--line-2);vertical-align:top}.data tr:hover td{background:#fafcff}.data td:first-child{font-weight:600}
.chip{display:inline-flex;align-items:center;border-radius:999px;background:#e6f4e9;color:#20653a;padding:4px 9px;font-size:11px;font-weight:700}.chip.blue{background:#e5f0fb;color:#155d96}.chip.gray{background:#eef1f5;color:#5d6e82}.alert{padding:13px 15px;border-radius:9px;margin:0 0 18px;background:#e7f5ee;border:1px solid #b1d8c1;color:#165b3b}.alert.error{background:#fff0ed;border-color:#f1c4ba;color:#942e23}
.crumbs{margin-bottom:16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#5f758a}.crumbs a{text-decoration:none}.row-compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-compact input[type=checkbox]{width:18px;height:18px}.rule{margin:17px 0;border:0;border-top:1px solid var(--line)}.stack{display:grid;gap:12px}.split{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.empty{padding:25px;color:var(--muted);text-align:center}.form-inline{display:inline-block}.limited{max-width:840px}.badge-list{display:flex;flex-wrap:wrap;gap:6px}.kicker{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.7px}
.side-nav{overflow-y:auto;min-height:0}.side-link.active{background:var(--green);color:#fff}.app-topbar .global-search{max-width:550px}.app-topbar .global-search input{width:100%}
.auth-card{width:min(475px,100%)}.auth-card .panel{border:0;box-shadow:none;padding:0}.auth-card .panel h1{font-size:22px;color:var(--navy);margin:0 0 8px}.auth-card .panel .hint{margin-bottom:18px}.auth-brand img{width:90px;height:90px;border-radius:50%;object-fit:cover;background:#fff}.auth-brand h1{line-height:1.23}.auth-brand p{font-size:12px}.auth-card form .btn{width:100%;margin-top:6px}.auth-card .panel p:last-child{margin-bottom:0}
.dms-install-card{width:min(850px,100%)}.dms-install-card .auth-brand img{width:88px;height:88px}.dms-install-card .panel-body{padding:0}.dms-install-card .panel-header{margin-bottom:14px}.install-notice{font-size:12px;color:var(--muted)}.brand-seal{object-fit:cover}.auth-card .role-description{margin-top:5px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.grid,.grid.two,.form-grid{grid-template-columns:1fr}.content{padding:16px}.app-topbar .global-search{max-width:none}.auth-card{width:min(475px,calc(100vw - 24px))}.data{font-size:12px}.data td,.data th{padding:9px}.row-compact{gap:9px}}
@media(max-width:380px){.actions .btn{width:100%}}

/* Organization DMS v1.0.2: accessible, balanced, document-first UX.
   Uses approved Puntland navy / blue / green accents with restrained Direct Business-inspired cards. */
:root{--dms-shadow:0 5px 18px rgba(15,45,80,.045);--dms-shadow-hover:0 12px 26px rgba(15,45,80,.085)}
.content{width:100%;max-width:1540px;margin:0 auto;padding:24px 28px 32px}
.page-head{margin-bottom:20px;align-items:center}
.page-head h1{font-size:clamp(23px,2.2vw,30px);line-height:1.2;letter-spacing:-.55px}
.page-head p{font-size:13px;line-height:1.5;max-width:850px}
.panel{border-radius:13px;box-shadow:var(--dms-shadow);background:#fff;overflow:hidden;min-width:0}
.panel-header{min-height:62px;background:linear-gradient(105deg,#eef5fb,#f8fbff);border-bottom:1px solid #d9e5f0;padding:16px 20px;align-items:center;gap:12px;color:#10365f;line-height:1.4}
.panel-header .hint{font-weight:500;text-align:right}
.panel-body{padding:20px}
.grid{gap:16px}.grid.two>*{min-width:0}
.dms-balanced-grid{align-items:stretch}
.dms-balanced-grid>.panel{display:flex;flex-direction:column;min-width:0}
.dms-balanced-grid>.panel>.panel-body{display:flex;flex-direction:column;flex:1;min-width:0}
.dms-balanced-grid>.panel>.panel-body>form{display:flex;flex-direction:column;flex:1}
.dms-balanced-grid .card-footer{display:flex;justify-content:flex-start;margin-top:auto;padding-top:13px}
.section-heading{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:20px 0 12px}
.section-heading h2{font-size:16px;line-height:1.35;color:var(--navy);margin:0 0 3px}
.section-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.creation-heading{margin-top:26px}
.library-top-summary{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.library-top-summary>div{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:125px;padding:13px 17px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--dms-shadow)}
.library-top-summary strong{color:var(--navy);font-size:20px;line-height:1.2}
.library-top-summary span{color:var(--muted);font-size:11px}
.library-top-summary>a{margin:auto 0 auto auto;min-width:150px}
.document-crumbs{padding:12px 14px;border:1px solid var(--line);background:#fff;border-radius:9px;overflow-wrap:anywhere}
.document-crumbs a{color:#185d9a;font-weight:600}
.dms-library-panel{margin:0}
.dms-library-panel .table-wrap{width:100%;max-width:100%;overflow-x:auto}
.library-data th,.library-data td{padding:13px 15px;vertical-align:middle}
.library-data th{font-size:11px;font-weight:750;letter-spacing:.18px;text-transform:uppercase;background:#f4f8fc}
.library-data tbody tr:nth-child(even){background:#fcfdff}
.library-data tbody tr:hover{background:#f1f7fd}
.library-data td:first-child{font-weight:400;min-width:220px}
.library-data .column-actions{width:280px}
.file-link{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none;min-width:0}
.file-link strong{display:block;font-weight:650;overflow-wrap:anywhere}
.file-link small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.file-icon{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:10px;font-size:20px;flex:none}
.folder-icon{background:#fff5de}.document-icon{background:#eaf3fd}
.table-actions{justify-content:flex-end;flex-wrap:nowrap;gap:5px}
.table-actions .btn{min-height:35px;white-space:nowrap}
.table-actions form{margin:0}
.empty-library{padding:32px 20px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;color:var(--muted)}
.empty-library strong{font-size:16px;color:var(--navy)}
.empty-library span{font-size:12px}
.unit-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.unit-card{display:flex;align-items:center;gap:14px;padding:18px;text-decoration:none;min-height:112px;transition:box-shadow .15s ease,transform .15s ease,border-color .15s}
.unit-card:hover,.unit-card:focus-visible{transform:translateY(-2px);border-color:#a8cbe8;box-shadow:var(--dms-shadow-hover)}
.unit-card-symbol{display:grid;place-items:center;width:48px;height:48px;background:#fff5de;border-radius:12px;font-size:26px;flex:none}
.unit-card-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.unit-card-copy strong{font-size:15px;color:var(--navy);line-height:1.3;overflow-wrap:anywhere}
.unit-card-code{font-size:10px;letter-spacing:.3px;color:#1863a4;font-weight:750}
.unit-card-copy small{font-size:11px;color:var(--muted)}
.unit-card-arrow{color:#3579b3;font-size:23px}
.dms-create-grid>.panel{min-height:390px}
.field-note{color:var(--muted);line-height:1.5;font-size:12px;margin:0 0 16px;min-height:36px}
.replace-choice{border:1px solid #c7dcf0;border-radius:10px;padding:14px;background:#edf6ff;margin:10px 0 14px}
.replace-choice[hidden]{display:none}
.choice-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.choice-label input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:#1d8042}
.choice-label strong{display:block;color:#113c63;font-weight:700;line-height:1.4}
.choice-label small{display:block;margin-top:3px;color:#496785;line-height:1.5}
.inline-validation{min-height:22px;color:#566f88;font-size:12px;margin:0 0 8px;line-height:1.4}
.inline-validation.warning{color:#8f5700;font-weight:600}
.inline-validation.valid{color:#176b3d}
.empty-create{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:25px}
.empty-create strong{color:var(--navy)}
.empty-create span:last-child{font-size:12px}
.dms-manage-details{margin-top:17px}
.dms-manage-details>summary{cursor:pointer;list-style:none}
.dms-manage-details>summary::-webkit-details-marker{display:none}
.dms-manage-details>summary::after{content:'▾';margin-left:auto;color:var(--navy)}
.dms-manage-details[open]>summary::after{content:'▴'}
.dms-manage-details .panel-body{gap:15px}
.danger-section{grid-column:1/-1;background:#fff8f7;border:1px solid #f2d8d6;border-radius:10px;padding:16px 18px;max-width:100%;}
.danger-section strong{color:#8f342b;font-size:13px}
.danger-section p{color:#725e5c;font-size:12px}
.danger-section form{max-width:390px}
.btn.danger:hover,.btn.danger:focus-visible{background:#fff0ed}
.field>label{font-size:12px;line-height:1.4}
.field input,.field select,.field textarea{border-radius:8px;border-color:#cbd8e5;min-height:44px}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#1669c7;box-shadow:0 0 0 3px rgba(46,123,196,.12)}
.actions,.row-compact{min-width:0}
.stack{gap:0}.stack .split{padding:12px 0;border-bottom:1px solid var(--line-2)}.stack .split:last-child{border-bottom:0}
.dashboard-panels{align-items:stretch}.dashboard-panels>.panel{min-height:360px;display:flex;flex-direction:column}
.dashboard-panels .panel-body{flex:1;max-height:410px;overflow:auto}
.metric{min-height:130px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.metric strong{font-size:32px}.metric a{font-size:12px;color:#1669aa;font-weight:700;text-decoration:none}
.two-card-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.two-card-content>.panel{min-width:0;display:flex;flex-direction:column}
.two-card-content>.panel>.panel-body{flex:1;min-width:0}
.data a{color:#155d96;text-decoration:none}.data a:hover{text-decoration:underline}
@media(max-width:1150px){.unit-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-data .column-actions{width:auto}.table-actions{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:820px){.content{padding:17px}.unit-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dms-create-grid>.panel{min-height:0}.library-top-summary>a{margin:0}.library-top-summary>div{flex:1;min-width:92px}.two-card-content{grid-template-columns:1fr}.library-data td,.library-data th{padding:10px}.library-data th:nth-child(3),.library-data td:nth-child(3){display:none}}
@media(max-width:560px){.content{padding:14px 12px}.panel-body{padding:15px}.panel-header{padding:13px 15px;min-height:54px}.unit-card-grid{grid-template-columns:1fr}.unit-card{min-height:90px}.library-top-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.library-top-summary>div{min-width:0;padding:10px}.library-top-summary strong{font-size:16px;overflow-wrap:anywhere}.library-top-summary>a{grid-column:1/-1}.library-data .column-actions,.library-data td:last-child{min-width:165px}.library-data{min-width:600px}.document-crumbs{font-size:11px}.section-heading{align-items:flex-start}.section-heading .btn{white-space:nowrap}}
/* Detail & dashboard patterns */
.subtle-link{text-decoration:none;color:#1e6ba8;font-size:12px;font-weight:650}
.subtle-link:hover{text-decoration:underline}
.dashboard-list-item{display:flex;gap:12px;align-items:center;padding:12px 1px;text-decoration:none;border-bottom:1px solid var(--line-2);color:var(--navy)}
.dashboard-list-item:hover{background:#fafcff}
.dashboard-list-item:last-child{border:0}
.dashboard-list-item>span:nth-child(2){flex:1;min-width:0}
.dashboard-list-item strong{display:block;font-size:13px;overflow-wrap:anywhere}
.dashboard-list-item small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.dashboard-arrow{font-size:20px;color:#6c91b8}
.code-example{background:#f5f9fd;border:1px solid #dfe9f4;border-radius:10px;padding:11px 14px;margin:10px 0 18px}
.code-example>div{display:flex;gap:13px;align-items:center;padding:8px 0;border-bottom:1px solid #e6edf5}
.code-example>div:last-child{border:0}
.code-example strong{display:block;width:175px;font-size:12px;color:var(--navy);flex-shrink:0}
.code-example span{font-size:12px;color:var(--muted)}
.compact-choice{margin:5px 0 15px}
.template-alignment{border-top:1px solid var(--line);margin-top:auto;padding:14px 0}
.template-alignment summary{cursor:pointer;color:#1e6ba8;font-weight:600}
.template-alignment form{margin-top:12px}
.document-overview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;margin-bottom:16px;flex-wrap:wrap}
.document-overview-main{display:flex;align-items:center;gap:13px}
.document-overview-main>.file-icon{width:55px;height:55px;font-size:26px}
.document-overview-main strong{display:block;font-size:18px;color:var(--navy)}
.document-overview-main .hint{display:block;margin-top:4px}
.document-overview .actions{margin:0}
.dms-history-panel{margin-bottom:16px}
.document-actions-grid>.panel{min-height:385px}
.manage-action{padding:11px 0;border-bottom:1px solid var(--line)}
.manage-action:first-child{padding-top:0}
.manage-action:last-child{border:0}
.manage-action summary{cursor:pointer;font-weight:700;color:var(--navy);padding:6px 0}
.manage-action form{padding:9px 0 8px}
.manage-action p{padding:0 0 1px;margin:6px 0 10px}
.dms-create-grid .panel-body>form .field:last-of-type{margin-bottom:9px}
@media(max-width:800px){.document-overview{align-items:flex-start}.document-overview .actions{width:100%}.code-example strong{width:120px;overflow-wrap:anywhere}}
/* Administrator layouts */
.settings-grid>.panel{min-height:390px}
.settings-checks{margin:10px 0}
.mini-metrics{gap:10px;margin:0 0 16px}
.mini-metrics .panel.metric{min-height:95px;padding:14px;box-shadow:none;border-radius:9px}
.mini-metrics .panel.metric strong{font-size:27px}
.storage-facts{display:grid;gap:12px;margin-top:14px}
.storage-facts>div{display:flex;gap:12px;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line-2)}
.storage-facts>div:last-child{border:0}
.storage-facts strong,.storage-facts span{font-size:12px}
.storage-facts strong{color:var(--navy)}
.storage-facts span{color:var(--muted);text-align:right}
/* Admin user management */
.role-mini-list{display:grid;gap:10px;margin-bottom:15px}
.role-mini-list>div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-2)}
.role-mini-list>div strong{font-size:12px;color:var(--navy)}
.role-mini-list>div span{font-size:12px;line-height:1.55;color:#536980}
.role-mini-list>div:last-child{border:0}
.membership-list{max-height:420px;overflow-y:auto}
.membership-list .split{flex-wrap:nowrap}
.settings-grid .panel-body>form{min-width:0}
@media(max-width:600px){.role-mini-list>div{grid-template-columns:1fr;gap:3px}}
/* Folder code preview and mobile-first item actions. */
.folder-code-preview{display:flex;flex-direction:column;gap:6px;background:#f4f8fc;border:1px dashed #b7cee4;border-radius:10px;padding:14px 16px;margin:5px 0 10px}
.folder-code-preview span{font-size:11px;text-transform:uppercase;letter-spacing:.25px;color:#52708b;font-weight:650}
.folder-code-preview strong{font-size:16px;color:var(--navy)}
.folder-code-preview small{font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:600px){
 .dms-library-panel .table-wrap{overflow:visible}
 .library-data{min-width:0;width:100%;display:block}
 .library-data thead{display:none}
 .library-data tbody{display:block}
 .library-data tr{display:block;padding:12px 13px;border-bottom:1px solid var(--line-2);background:#fff}
 .library-data tr:nth-child(even){background:#fbfdff}
 .library-data td{display:block;width:100%;min-width:0!important;padding:5px 0;border:0}
 .library-data td:nth-child(2){display:block;padding-left:52px}
 .library-data td:nth-child(2)::before{content:'REFERENCE';display:block;font-size:10px;letter-spacing:.3px;color:var(--muted);margin-bottom:4px;font-weight:650}
 .library-data td:nth-child(3){display:none}
 .library-data td:last-child{display:block;min-width:0;width:100%;padding-left:52px;margin-top:5px}
 .library-data .table-actions{justify-content:flex-start;gap:6px}
 .library-data .table-actions .btn{min-height:37px}
 .dms-create-grid>.panel{min-height:0}
}

/* Detail & dashboard patterns */
.subtle-link{text-decoration:none;color:#1e6ba8;font-size:12px;font-weight:650}
.subtle-link:hover{text-decoration:underline}
.dashboard-list-item{display:flex;gap:12px;align-items:center;padding:12px 1px;text-decoration:none;border-bottom:1px solid var(--line-2);color:var(--navy)}
.dashboard-list-item:hover{background:#fafcff}
.dashboard-list-item:last-child{border:0}
.dashboard-list-item>span:nth-child(2){flex:1;min-width:0}
.dashboard-list-item strong{display:block;font-size:13px;overflow-wrap:anywhere}
.dashboard-list-item small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.dashboard-arrow{font-size:20px;color:#6c91b8}
.code-example{background:#f5f9fd;border:1px solid #dfe9f4;border-radius:10px;padding:11px 14px;margin:10px 0 18px}
.code-example>div{display:flex;gap:13px;align-items:center;padding:8px 0;border-bottom:1px solid #e6edf5}
.code-example>div:last-child{border:0}
.code-example strong{display:block;width:175px;font-size:12px;color:var(--navy);flex-shrink:0}
.code-example span{font-size:12px;color:var(--muted)}
.compact-choice{margin:5px 0 15px}
.template-alignment{border-top:1px solid var(--line);margin-top:auto;padding:14px 0}
.template-alignment summary{cursor:pointer;color:#1e6ba8;font-weight:600}
.template-alignment form{margin-top:12px}
.document-overview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;margin-bottom:16px;flex-wrap:wrap}
.document-overview-main{display:flex;align-items:center;gap:13px}
.document-overview-main>.file-icon{width:55px;height:55px;font-size:26px}
.document-overview-main strong{display:block;font-size:18px;color:var(--navy)}
.document-overview-main .hint{display:block;margin-top:4px}
.document-overview .actions{margin:0}
.dms-history-panel{margin-bottom:16px}
.document-actions-grid>.panel{min-height:385px}
.manage-action{padding:11px 0;border-bottom:1px solid var(--line)}
.manage-action:first-child{padding-top:0}
.manage-action:last-child{border:0}
.manage-action summary{cursor:pointer;font-weight:700;color:var(--navy);padding:6px 0}
.manage-action form{padding:9px 0 8px}
.manage-action p{padding:0 0 1px;margin:6px 0 10px}
.dms-create-grid .panel-body>form .field:last-of-type{margin-bottom:9px}
@media(max-width:800px){.document-overview{align-items:flex-start}.document-overview .actions{width:100%}.code-example strong{width:120px;overflow-wrap:anywhere}}
/* Administrator layouts */
.settings-grid>.panel{min-height:390px}
.settings-checks{margin:10px 0}
.mini-metrics{gap:10px;margin:0 0 16px}
.mini-metrics .panel.metric{min-height:95px;padding:14px;box-shadow:none;border-radius:9px}
.mini-metrics .panel.metric strong{font-size:27px}
.storage-facts{display:grid;gap:12px;margin-top:14px}
.storage-facts>div{display:flex;gap:12px;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line-2)}
.storage-facts>div:last-child{border:0}
.storage-facts strong,.storage-facts span{font-size:12px}
.storage-facts strong{color:var(--navy)}
.storage-facts span{color:var(--muted);text-align:right}
/* Admin user management */
.role-mini-list{display:grid;gap:10px;margin-bottom:15px}
.role-mini-list>div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-2)}
.role-mini-list>div strong{font-size:12px;color:var(--navy)}
.role-mini-list>div span{font-size:12px;line-height:1.55;color:#536980}
.role-mini-list>div:last-child{border:0}
.membership-list{max-height:420px;overflow-y:auto}
.membership-list .split{flex-wrap:nowrap}
.settings-grid .panel-body>form{min-width:0}
@media(max-width:600px){.role-mini-list>div{grid-template-columns:1fr;gap:3px}}
/* Folder code preview and mobile-first item actions. */
.folder-code-preview{display:flex;flex-direction:column;gap:6px;background:#f4f8fc;border:1px dashed #b7cee4;border-radius:10px;padding:14px 16px;margin:5px 0 10px}
.folder-code-preview span{font-size:11px;text-transform:uppercase;letter-spacing:.25px;color:#52708b;font-weight:650}
.folder-code-preview strong{font-size:16px;color:var(--navy)}
.folder-code-preview small{font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:600px){
 .dms-library-panel .table-wrap{overflow:visible}
 .library-data{min-width:0;width:100%;display:block}
 .library-data thead{display:none}
 .library-data tbody{display:block}
 .library-data tr{display:block;padding:12px 13px;border-bottom:1px solid var(--line-2);background:#fff}
 .library-data tr:nth-child(even){background:#fbfdff}
 .library-data td{display:block;width:100%;min-width:0!important;padding:5px 0;border:0}
 .library-data td:nth-child(2){display:block;padding-left:52px}
 .library-data td:nth-child(2)::before{content:'REFERENCE';display:block;font-size:10px;letter-spacing:.3px;color:var(--muted);margin-bottom:4px;font-weight:650}
 .library-data td:nth-child(3){display:none}
 .library-data td:last-child{display:block;min-width:0;width:100%;padding-left:52px;margin-top:5px}
 .library-data .table-actions{justify-content:flex-start;gap:6px}
 .library-data .table-actions .btn{min-height:37px}
 .dms-create-grid>.panel{min-height:0}
}

/* Administrator layouts */
.settings-grid>.panel{min-height:390px}
.settings-checks{margin:10px 0}
.mini-metrics{gap:10px;margin:0 0 16px}
.mini-metrics .panel.metric{min-height:95px;padding:14px;box-shadow:none;border-radius:9px}
.mini-metrics .panel.metric strong{font-size:27px}
.storage-facts{display:grid;gap:12px;margin-top:14px}
.storage-facts>div{display:flex;gap:12px;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line-2)}
.storage-facts>div:last-child{border:0}
.storage-facts strong,.storage-facts span{font-size:12px}
.storage-facts strong{color:var(--navy)}
.storage-facts span{color:var(--muted);text-align:right}
/* Admin user management */
.role-mini-list{display:grid;gap:10px;margin-bottom:15px}
.role-mini-list>div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-2)}
.role-mini-list>div strong{font-size:12px;color:var(--navy)}
.role-mini-list>div span{font-size:12px;line-height:1.55;color:#536980}
.role-mini-list>div:last-child{border:0}
.membership-list{max-height:420px;overflow-y:auto}
.membership-list .split{flex-wrap:nowrap}
.settings-grid .panel-body>form{min-width:0}
@media(max-width:600px){.role-mini-list>div{grid-template-columns:1fr;gap:3px}}
/* Folder code preview and mobile-first item actions. */
.folder-code-preview{display:flex;flex-direction:column;gap:6px;background:#f4f8fc;border:1px dashed #b7cee4;border-radius:10px;padding:14px 16px;margin:5px 0 10px}
.folder-code-preview span{font-size:11px;text-transform:uppercase;letter-spacing:.25px;color:#52708b;font-weight:650}
.folder-code-preview strong{font-size:16px;color:var(--navy)}
.folder-code-preview small{font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:600px){
 .dms-library-panel .table-wrap{overflow:visible}
 .library-data{min-width:0;width:100%;display:block}
 .library-data thead{display:none}
 .library-data tbody{display:block}
 .library-data tr{display:block;padding:12px 13px;border-bottom:1px solid var(--line-2);background:#fff}
 .library-data tr:nth-child(even){background:#fbfdff}
 .library-data td{display:block;width:100%;min-width:0!important;padding:5px 0;border:0}
 .library-data td:nth-child(2){display:block;padding-left:52px}
 .library-data td:nth-child(2)::before{content:'REFERENCE';display:block;font-size:10px;letter-spacing:.3px;color:var(--muted);margin-bottom:4px;font-weight:650}
 .library-data td:nth-child(3){display:none}
 .library-data td:last-child{display:block;min-width:0;width:100%;padding-left:52px;margin-top:5px}
 .library-data .table-actions{justify-content:flex-start;gap:6px}
 .library-data .table-actions .btn{min-height:37px}
 .dms-create-grid>.panel{min-height:0}
}

/* Admin user management */
.role-mini-list{display:grid;gap:10px;margin-bottom:15px}
.role-mini-list>div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-2)}
.role-mini-list>div strong{font-size:12px;color:var(--navy)}
.role-mini-list>div span{font-size:12px;line-height:1.55;color:#536980}
.role-mini-list>div:last-child{border:0}
.membership-list{max-height:420px;overflow-y:auto}
.membership-list .split{flex-wrap:nowrap}
.settings-grid .panel-body>form{min-width:0}
@media(max-width:600px){.role-mini-list>div{grid-template-columns:1fr;gap:3px}}
/* Folder code preview and mobile-first item actions. */
.folder-code-preview{display:flex;flex-direction:column;gap:6px;background:#f4f8fc;border:1px dashed #b7cee4;border-radius:10px;padding:14px 16px;margin:5px 0 10px}
.folder-code-preview span{font-size:11px;text-transform:uppercase;letter-spacing:.25px;color:#52708b;font-weight:650}
.folder-code-preview strong{font-size:16px;color:var(--navy)}
.folder-code-preview small{font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:600px){
 .dms-library-panel .table-wrap{overflow:visible}
 .library-data{min-width:0;width:100%;display:block}
 .library-data thead{display:none}
 .library-data tbody{display:block}
 .library-data tr{display:block;padding:12px 13px;border-bottom:1px solid var(--line-2);background:#fff}
 .library-data tr:nth-child(even){background:#fbfdff}
 .library-data td{display:block;width:100%;min-width:0!important;padding:5px 0;border:0}
 .library-data td:nth-child(2){display:block;padding-left:52px}
 .library-data td:nth-child(2)::before{content:'REFERENCE';display:block;font-size:10px;letter-spacing:.3px;color:var(--muted);margin-bottom:4px;font-weight:650}
 .library-data td:nth-child(3){display:none}
 .library-data td:last-child{display:block;min-width:0;width:100%;padding-left:52px;margin-top:5px}
 .library-data .table-actions{justify-content:flex-start;gap:6px}
 .library-data .table-actions .btn{min-height:37px}
 .dms-create-grid>.panel{min-height:0}
}

/* Folder code preview and mobile-first item actions. */
.folder-code-preview{display:flex;flex-direction:column;gap:6px;background:#f4f8fc;border:1px dashed #b7cee4;border-radius:10px;padding:14px 16px;margin:5px 0 10px}
.folder-code-preview span{font-size:11px;text-transform:uppercase;letter-spacing:.25px;color:#52708b;font-weight:650}
.folder-code-preview strong{font-size:16px;color:var(--navy)}
.folder-code-preview small{font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:600px){
 .dms-library-panel .table-wrap{overflow:visible}
 .library-data{min-width:0;width:100%;display:block}
 .library-data thead{display:none}
 .library-data tbody{display:block}
 .library-data tr{display:block;padding:12px 13px;border-bottom:1px solid var(--line-2);background:#fff}
 .library-data tr:nth-child(even){background:#fbfdff}
 .library-data td{display:block;width:100%;min-width:0!important;padding:5px 0;border:0}
 .library-data td:nth-child(2){display:block;padding-left:52px}
 .library-data td:nth-child(2)::before{content:'REFERENCE';display:block;font-size:10px;letter-spacing:.3px;color:var(--muted);margin-bottom:4px;font-weight:650}
 .library-data td:nth-child(3){display:none}
 .library-data td:last-child{display:block;min-width:0;width:100%;padding-left:52px;margin-top:5px}
 .library-data .table-actions{justify-content:flex-start;gap:6px}
 .library-data .table-actions .btn{min-height:37px}
 .dms-create-grid>.panel{min-height:0}
}

/* v1.0.6 — responsive typeahead and managed unit access */
.suggest-wrap{position:relative}.search-suggestions{position:absolute;left:0;right:0;top:100%;z-index:45;background:#fff;border:1px solid #cbd9e6;border-radius:0 0 10px 10px;box-shadow:0 12px 28px rgba(12,41,71,.17);max-height:310px;overflow-y:auto}.search-suggestions[hidden]{display:none}.suggest-result{display:flex;flex-direction:column;gap:2px;padding:10px 13px;text-decoration:none;color:#163a62;border-bottom:1px solid #edf1f6}.suggest-result:hover,.suggest-result:focus-visible{background:#e9f3fb}.suggest-result small{font-size:12px;color:#5c6d7d}.unit-access-links{display:flex;gap:8px;flex-wrap:wrap}.unit-access-links .btn{white-space:normal;text-align:left}@media(max-width:600px){.search-suggestions{max-height:40vh}.unit-access-links .btn{width:100%}}

/* v1.0.7: access administration and unobstructed search suggestions */
.dms-suggest-popover{position:fixed;z-index:9999;background:#fff;border:1px solid #b8cbdf;border-radius:10px;box-shadow:0 16px 42px rgba(11,38,69,.22);overflow-y:auto;overscroll-behavior:contain;padding:4px;min-width:170px;box-sizing:border-box}
.dms-suggest-popover[hidden]{display:none!important}
.dms-suggest-item{display:flex;flex-direction:column;padding:11px 12px;gap:3px;border-radius:7px;color:#174366;text-decoration:none;outline-offset:-2px}
.dms-suggest-item strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.dms-suggest-item small{color:#60768d;font-size:11px}
.dms-suggest-item:hover,.dms-suggest-item:focus-visible{background:#edf6fc;outline:2px solid #79a5c8}
.dms-selected-row td{background:#eaf5f1!important}
tr[hidden]{display:none!important}
.access-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.access-row-actions form{margin:0;display:inline-flex}
.dms-assignment{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e6edf4;min-width:0}
.dms-assignment-main{flex:1;min-width:0}
.dms-assignment-main strong{display:block;font-size:13px;overflow-wrap:anywhere}
.dms-assignment-main small{display:block;margin-top:4px}
.dms-add-unit-form{padding-top:16px}
.dms-unit-member-link{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.dms-unit-member-link .btn{min-height:40px}
@media(max-width:620px){.dms-assignment{align-items:flex-start;flex-direction:column}.access-row-actions{width:100%}.data td .access-row-actions{min-width:180px}}

.dms-checkline{display:flex;align-items:center;gap:9px;margin:12px 0 7px;font-weight:600;font-size:13px;color:#183b5b}.dms-checkline input{width:18px;height:18px;accent-color:#176742;flex:none}

/* v1.0.8 — organizational-unit administration: balanced, accessible, responsive */
.dms-unit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 25px}
.dms-unit-stat{background:#fff;border:1px solid #d9e5ef;border-radius:14px;padding:18px 19px;min-height:116px;box-shadow:0 5px 13px rgba(15,49,83,.035);border-top:4px solid #236d9d;display:flex;flex-direction:column;gap:5px}
.dms-unit-stat>span{font-size:12px;font-weight:700;color:#4e6781}.dms-unit-stat>strong{font-size:29px;line-height:1.2;color:#123458}.dms-unit-stat>small{font-size:11px;color:#71879b}
.dms-stat-green{border-top-color:#237b5d}.dms-stat-gold{border-top-color:#bd9032}.dms-stat-muted{border-top-color:#8495a6}
.dms-unit-section-heading{margin-top:7px}.dms-admin-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.dms-admin-unit-card{--unit-accent:#1d6597;--unit-soft:#eaf3fb;position:relative;display:flex;flex-direction:column;gap:12px;min-height:300px;background:#fff;border:1px solid #dbe5ee;border-top:4px solid var(--unit-accent);border-radius:15px;padding:19px 20px 16px;box-shadow:0 5px 15px rgba(23,55,85,.045);min-width:0;transition:box-shadow .15s,transform .15s}
.dms-admin-unit-card:hover{box-shadow:0 10px 27px rgba(23,55,85,.11);transform:translateY(-2px)}
.dms-accent-green{--unit-accent:#24795c;--unit-soft:#e8f6ef}.dms-accent-gold{--unit-accent:#bb8a2b;--unit-soft:#fff5df}.dms-accent-teal{--unit-accent:#237a95;--unit-soft:#e8f7fa}
.dms-admin-unit-head,.dms-admin-unit-identity{display:flex;align-items:center;justify-content:space-between;gap:10px}.dms-admin-unit-identity{justify-content:flex-start}
.dms-admin-unit-code{font-size:14px;font-weight:800;min-width:38px;padding:8px 10px;border-radius:9px;color:var(--unit-accent);background:var(--unit-soft);text-align:center;letter-spacing:.15px}
.dms-admin-unit-icon{display:grid;place-items:center;width:37px;height:37px;background:#f4f7fa;border-radius:10px;color:#68829c}
.dms-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:750;font-size:11px;white-space:nowrap}.dms-status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-active{background:#e5f5eb;color:#126d3f}.status-disabled{background:#fff1db;color:#9b6208}
.dms-admin-unit-card h3{font-size:17px;line-height:1.35;color:#122f51;margin:0;min-height:45px;overflow-wrap:anywhere}.dms-admin-unit-description{font-size:12px;line-height:1.55;color:#61758b;margin:0;flex:1;min-height:38px;overflow-wrap:anywhere}
.dms-admin-unit-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e5edf3;border-radius:11px;background:#f7fafc;padding:10px 4px;gap:0}
.dms-admin-unit-metrics>div{text-align:center;min-width:0;padding:0 3px}.dms-admin-unit-metrics>div+div{border-left:1px solid #e0e8f0}.dms-admin-unit-metrics strong{display:block;font-size:19px;color:#1b3c5d;line-height:1.3}.dms-admin-unit-metrics span{font-size:10px;color:#667e92}
.dms-admin-unit-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #e6edf4;min-height:88px;align-content:flex-start}
.dms-admin-unit-actions .btn{font-size:11px;min-height:34px;padding:8px 11px;text-decoration:none;white-space:nowrap}.dms-admin-unit-actions form{margin:0;display:inline-flex}.dms-disable-btn{border-color:#ebd2ac!important;color:#925b10!important;background:#fff8ed!important}.dms-disable-btn:hover{background:#ffedcf!important}.dms-enable-btn{border-color:#b7e3c6!important;color:#11633b!important;background:#ecf8f0!important}
.dms-unit-delete-link{border-color:#f0c6c8!important;color:#9d303d!important;background:#fff8f8!important}.dms-delete-unavailable{color:#8797a6!important;background:#f4f6f8!important;border-color:#e7ebee!important;opacity:.68;cursor:not-allowed!important}
.dms-admin-unit-card.is-disabled{background:#fcfcfd;border-top-color:#a0aebb}.dms-admin-unit-card.is-disabled .dms-admin-unit-icon{color:#9aa9b6}
.dms-unit-admin-bottom>.panel{min-height:350px}.dms-rules-list{display:grid;gap:15px;padding:3px 0}.dms-rules-list>div{display:flex;gap:11px;align-items:flex-start}.dms-rules-list p{margin:0;color:#50647a;font-size:12px;line-height:1.7}.dms-rules-list p strong{color:#14375b}.dms-rule-dot{flex:none;width:11px;height:11px;border-radius:50%;margin-top:6px}.dms-dot-blue{background:#2771a7}.dms-dot-green{background:#297b5b}.dms-dot-gold{background:#bd8b2e}.dms-dot-red{background:#b94c50}
.dms-unit-edit-state{padding-bottom:19px;border-bottom:1px solid #e3edf4;margin-bottom:20px}.dms-danger-area{padding:16px;border-radius:11px;background:#fff9f9;border:1px solid #f2d7d9;margin-top:22px}.dms-danger-area h3{font-size:15px;color:#962e37;margin:0 0 8px}.dms-danger-area p{font-size:12px;line-height:1.6;color:#6b5b5c}.dms-danger-area .field{margin-top:14px}
@media(max-width:1300px){.dms-admin-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dms-unit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dms-admin-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dms-admin-unit-grid{grid-template-columns:1fr}.dms-admin-unit-card{min-height:0;padding:17px}.dms-unit-stats{gap:9px}.dms-unit-stat{padding:13px;min-height:102px}.dms-unit-stat>strong{font-size:24px}.dms-admin-unit-card h3,.dms-admin-unit-description{min-height:0}.dms-admin-unit-actions{min-height:0}.dms-unit-section-heading{align-items:flex-start}.dms-unit-section-heading .btn{width:100%;text-align:center}.dms-unit-edit-grid{grid-template-columns:1fr}}

@media(max-width:650px){.dms-unit-section-heading{display:flex;flex-direction:column;align-items:stretch;gap:12px}.dms-unit-section-heading>div{width:100%;min-width:0}.dms-unit-section-heading .btn{display:block;width:100%;max-width:100%;white-space:normal}.dms-unit-stat>small{overflow-wrap:anywhere}}
@media(max-width:370px){.dms-unit-stats{grid-template-columns:1fr 1fr}.dms-unit-stat{padding:10px;min-width:0}.dms-unit-stat>span{overflow-wrap:anywhere}.dms-admin-unit-actions .btn{white-space:normal}}

/* v1.0.9 — Staff Accounts: consistent with the Audit Cycle Tracker, without changing DMS permissions. */
.dms-staff-page-head{align-items:center;margin-bottom:16px}
.dms-staff-page-head .btn.primary{min-height:42px;padding:10px 17px;white-space:nowrap}
.dms-staff-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.dms-staff-stats>div{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #dce6ef;border-top:3px solid #256c9b;border-radius:11px;padding:14px 17px;min-width:0}
.dms-staff-stats>div:nth-child(2){border-top-color:#298154}.dms-staff-stats>div:nth-child(3){border-top-color:#b99239}.dms-staff-stats>div:nth-child(4){border-top-color:#9aa6b2}
.dms-staff-stats span{font-size:12px;color:#54708c;font-weight:650}.dms-staff-stats strong{font-size:26px;line-height:1.2;color:#133859}
.dms-staff-panel{overflow:hidden}.dms-staff-panel-title{justify-content:flex-start;font-size:18px;gap:11px;color:#102f5f}.dms-staff-panel-title .hint{margin-left:auto}
.dms-staff-search{display:flex;justify-content:space-between;gap:15px;align-items:end;padding:12px 18px}.dms-staff-search .field{margin:0;flex:0 1 400px}.dms-staff-search p{margin:0 0 6px;max-width:380px}
.dms-staff-roster{width:100%;overflow-x:auto}.dms-staff-table{table-layout:auto;width:100%;min-width:920px}
.dms-staff-table th{background:#eaf2f9;color:#18395c;white-space:nowrap;font-size:12px;padding:14px 15px}
.dms-staff-table td{padding:13px 15px;vertical-align:middle;font-size:12px;line-height:1.55;border-bottom:1px solid #e7edf4}
.dms-staff-table td:first-child strong{font-size:13px;color:#183554;overflow-wrap:anywhere}
.dms-staff-table td.dms-account-email{font-weight:400;overflow-wrap:anywhere;max-width:230px}
.dms-staff-table td:nth-child(5){white-space:nowrap;color:#4a627a}
.dms-staff-table td:last-child{min-width:295px}.dms-staff-row-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap}
.dms-staff-row-actions form{margin:0}.dms-staff-row-actions .btn{min-height:37px;padding:7px 10px;font-size:11px;white-space:nowrap;border-radius:8px}
.dms-staff-row-actions a.btn{color:#133b61;border-color:#c7d7e7;text-decoration:none}.dms-staff-row-actions a.btn.danger{color:#a42c35;border-color:#eec6cc}
.dms-staff-row-actions button:disabled,.dms-password-tools button:disabled{opacity:.45;cursor:not-allowed}
.dms-status-badge.status-pending{background:#fff5e4;color:#8a5a12}
.dms-password-tools{margin-top:21px;padding-top:17px;border-top:1px solid #e3ebf3}.dms-password-tools h3{font-size:14px;margin:0 0 12px;color:#13385d}
.dms-password-tools form{margin:0}.dms-staff-details{margin-top:14px;border:1px solid #dce5ed;border-radius:9px;padding:12px 14px}
.dms-staff-details summary{font-size:13px;font-weight:650;color:#174568;cursor:pointer}.dms-staff-details form{margin-top:15px}.dms-staff-details .field{margin-bottom:12px}
.dms-user-danger{margin-top:20px;border-color:#edd3d3}.dms-user-danger>.panel-header{color:#953339;background:#fff6f6}.dms-user-danger>.panel-body{padding:17px}
.dms-user-delete-form{display:grid;grid-template-columns:minmax(0,220px) minmax(0,300px) auto;align-items:end;gap:14px;max-width:860px}
.dms-user-delete-form .field{margin:0}.dms-user-delete-form>.btn{height:44px;justify-self:start}
@media(max-width:1050px){.dms-staff-table{min-width:820px}.dms-staff-search p{display:none}.dms-user-delete-form{grid-template-columns:1fr 1fr}.dms-user-delete-form>.btn{grid-column:1/-1}}
@media(max-width:780px){.dms-staff-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dms-staff-stats>div{padding:12px 14px}.dms-staff-stats strong{font-size:24px}.dms-staff-search .field{flex:1}.dms-staff-page-head .page-actions,.dms-staff-page-head .page-actions .btn{width:100%}
 .dms-staff-roster{overflow:visible}.dms-staff-table{display:block;width:100%;min-width:0}.dms-staff-table thead{display:none}.dms-staff-table tbody{display:grid;grid-template-columns:1fr;gap:10px;padding:10px;background:#f7fafd}
 .dms-staff-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;background:#fff;border:1px solid #dee8f1;border-radius:11px;padding:14px 15px;box-shadow:0 2px 8px rgba(21,55,83,.04)}
 .dms-staff-table td,.dms-staff-table td:last-child{display:block;width:100%;min-width:0;max-width:none!important;border:0;padding:0;font-size:12px}
 .dms-staff-table td:first-child{grid-column:1;grid-row:1}.dms-staff-table td:nth-child(2){grid-column:1/-1;grid-row:2}.dms-staff-table td:nth-child(3){grid-column:1;grid-row:3}.dms-staff-table td:nth-child(4){grid-column:2;grid-row:1;justify-self:end}.dms-staff-table td:nth-child(5){grid-column:1/-1;grid-row:4;white-space:normal}.dms-staff-table td:last-child{grid-column:1/-1;grid-row:5;padding-top:10px;border-top:1px solid #edf1f5;margin-top:4px}
 .dms-staff-table td:nth-child(5)::before{content:'Last login: ';color:#678096;font-weight:600}
 .dms-staff-row-actions{gap:7px}.dms-staff-row-actions .btn{min-height:40px}.dms-staff-table tr:hover td{background:transparent}
}
@media(max-width:510px){.dms-staff-page-head{gap:11px}.dms-staff-panel-title{font-size:15px}.dms-staff-stats strong{font-size:22px}.dms-user-delete-form{display:grid;grid-template-columns:minmax(0,1fr)}.dms-user-delete-form>.btn{grid-column:auto;width:100%}.dms-staff-table tbody{padding:9px}}

/* 1.0.11: accessible, balanced access approval workspace */
.dms-approval-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.dms-summary-tile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;min-width:0}
.dms-summary-tile span{color:var(--muted);font-size:13px;font-weight:650}.dms-summary-tile strong{font-size:27px;color:var(--navy)}
.dms-approval-panel{margin-bottom:16px;overflow:hidden}.dms-approval-panel .panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;color:var(--navy)}
.dms-pill{border-radius:99px;background:#fff3d2;color:#74530e;display:inline-block;padding:4px 9px;font-size:11px;font-weight:700;white-space:nowrap}
.dms-pill.approved{background:#e7f5ea;color:#176b32}.dms-pill.declined{background:#f2f4f7;color:#4d596a}
.dms-approval-cards{padding:16px;display:grid;gap:14px}.dms-approval-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;min-width:0;padding:16px}
.dms-approval-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dms-approval-heading h3{margin:0 0 5px;color:var(--navy);font-size:16px;overflow-wrap:anywhere}
.dms-approval-heading small{color:var(--muted)}.dms-approval-card>p{margin:12px 0 5px}
.dms-approval-reason{padding:11px;background:#f4f8fc;border:1px solid var(--line-2);border-radius:8px;overflow-wrap:anywhere;line-height:1.6}
.dms-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line-2);padding-top:14px;margin-top:14px}
.dms-decision-grid form{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.dms-decision-grid label{font-size:12px;font-weight:700}.dms-decision-grid textarea{width:100%;min-height:70px;border:1px solid var(--line);border-radius:8px;padding:9px;resize:vertical}
.dms-empty-approvals{padding:24px 12px;text-align:center;color:var(--muted);margin:0}.dms-approval-panel .table-wrap{overflow-x:auto}.dms-approval-panel table.data{min-width:610px}
@media(max-width:760px){.dms-approval-summary,.dms-decision-grid{grid-template-columns:1fr}.dms-approval-heading{flex-wrap:wrap}.dms-decision-grid .btn{min-height:44px}}


/* v1.0.13 — compact User Accounts and navigable, count-aware library */
.dms-user-directory{background:#fff;border:1px solid #dce5ee;border-radius:14px;overflow:hidden;margin:18px 0 24px}
.dms-user-directory-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #e3eaf2;flex-wrap:wrap}
.dms-user-directory-head h2{display:flex;align-items:center;gap:12px;font-size:21px;margin:0;color:#14365d}
.dms-user-directory-head p{margin:5px 0 0;color:#637991;font-size:13px}
.dms-user-search-controls{display:flex;gap:12px;align-items:center;min-width:0;flex-wrap:wrap}
.dms-user-search-box{display:flex;align-items:center;gap:10px;border:1px solid #cdddeb;border-radius:11px;padding:0 12px;min-width:min(300px,100%);height:44px;color:#607991;background:#fff}
.dms-user-search-box input{width:100%;border:0;outline:0;min-width:0;background:transparent}
.dms-user-search-controls select{height:44px;min-width:145px;border:1px solid #cdddeb;border-radius:11px;background:#fff;padding:0 10px;color:#18395c}
.dms-user-directory-count{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f5f8fb;padding:11px 22px;color:#526e8a;font-size:12px}
.dms-user-directory-count strong{font-size:13px;color:#17436b}
.dms-user-rows{padding:0 17px}
.dms-user-row{display:grid;grid-template-columns:44px minmax(210px,2fr) minmax(94px,1fr) auto minmax(120px,1fr) 75px;align-items:center;gap:15px;min-height:80px;padding:13px 6px;border-bottom:1px solid #e6edf3;min-width:0}
.dms-user-row:last-of-type{border-bottom:0}.dms-user-row.is-selected{background:#f5f9fd}
.dms-user-row[hidden],.dms-users-empty[hidden]{display:none!important}
.dms-user-avatar{width:42px;height:42px;border-radius:12px;background:#e9f3ff;color:#155083;display:grid;place-items:center;font-weight:800;font-size:15px}
.dms-user-ident{display:flex;flex-direction:column;gap:2px;min-width:0}
.dms-user-ident strong{font-size:14px;color:#14365d;line-height:1.35;overflow-wrap:anywhere}
.dms-user-ident>span{font-size:12px;color:#4a6785;overflow-wrap:anywhere}
.dms-verify-label{font-size:10px;font-weight:700;width:fit-content;border-radius:99px;padding:3px 7px}
.dms-verify-label.is-verified{background:#e2f5e8;color:#14653d}
.dms-verify-label.is-unverified{background:#fff0d6;color:#885d1a}
.dms-user-role{font-size:12px;color:#3e5d7a;min-width:0;overflow-wrap:anywhere}
.dms-user-row>.dms-status-badge{white-space:nowrap;justify-self:start}
.dms-user-last{display:flex;flex-direction:column;gap:3px;color:#416484;font-size:11px;min-width:0}
.dms-user-last small{color:#74899d}.dms-user-last strong{font-size:11px;font-weight:600}
.dms-user-manage{justify-self:end;white-space:nowrap;text-decoration:none;color:#1163ad;font-weight:750;font-size:12px;display:flex;align-items:center;gap:6px;padding:8px 4px}
.dms-user-manage:hover,.dms-user-manage:focus-visible{text-decoration:underline;color:#083f79}
.dms-user-manage span{font-size:19px;line-height:1}
.dms-users-empty{padding:35px 14px;text-align:center;color:#64748b}
.dms-library-unit-card{min-width:0}.dms-library-unit-card .dms-library-unit-metric{display:block;margin-top:8px;font-size:12px;color:#1a639c;font-weight:700}
.dms-library-location{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0 12px;padding:12px 17px;background:#f9fbfe;border:1px solid #dfe8f1;border-radius:12px}
.dms-library-location>div{min-width:0;display:flex;flex-direction:column;gap:3px}.dms-library-location strong{font-size:14px;color:#183c63;overflow-wrap:anywhere}.dms-library-location small{font-size:12px;color:#688098}.dms-library-location .btn{white-space:nowrap}
.dms-folder-counts{display:flex!important;gap:7px;align-items:center;flex-wrap:wrap;margin-top:3px}
.dms-folder-counts span{font-size:11px;color:#486784;background:#f0f5fa;padding:3px 7px;border-radius:6px;white-space:nowrap}
@media(max-width:1130px){.dms-user-row{grid-template-columns:42px minmax(155px,2fr) minmax(90px,1fr) auto 70px;gap:11px}.dms-user-last{display:none}}
@media(max-width:780px){.dms-user-directory-head{padding:16px}.dms-user-search-controls{width:100%}.dms-user-search-box{flex:1;min-width:min(185px,100%)}.dms-user-directory-count{padding:10px 16px}.dms-user-rows{padding:0 11px}.dms-user-row{grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:90px;gap:7px 10px;padding:13px 4px}.dms-user-avatar{grid-column:1;grid-row:1;width:39px;height:39px}.dms-user-ident{grid-column:2;grid-row:1}.dms-user-row>.dms-status-badge{grid-column:3;grid-row:1}.dms-user-role{grid-column:2;grid-row:2}.dms-user-manage{grid-column:3;grid-row:2}.dms-library-location{align-items:flex-start;flex-direction:column}.dms-library-location .btn{max-width:100%}}
@media(max-width:440px){.dms-user-search-controls{display:grid;grid-template-columns:minmax(0,1fr)}.dms-user-search-box,.dms-user-search-controls select{width:100%;min-width:0}.dms-user-directory-count>span{display:none}.dms-user-row{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.dms-user-ident strong{font-size:13px}.dms-user-avatar{width:36px;height:36px}.dms-user-row>.dms-status-badge{font-size:10px}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(min-width:900px){.dms-user-search-controls{flex:0 1 485px;width:485px;flex-wrap:nowrap}.dms-user-search-box{min-width:0;flex:1}.dms-user-search-controls select{flex:none;width:152px}}

/* v1.0.14 secure guest-access landing — balanced two-choice layout */
.dms-guest-landing,.dms-public-request{max-width:820px;margin:24px auto}
.dms-access-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.dms-access-option{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;border:1px solid #d8e3ef;border-radius:12px}
.dms-access-option h3,.dms-access-option p{margin:0}.dms-access-option p{flex:1;color:#53677e;line-height:1.55}
.dms-public-request .field{margin-bottom:16px}.dms-public-request input,.dms-public-request textarea{width:100%;max-width:100%;box-sizing:border-box}
@media(max-width:640px){.dms-access-choices{grid-template-columns:1fr}.dms-access-option{padding:16px}}

/* v1.0.15 authenticated DMS document picker */
.dms-picker-panel{max-width:1000px;margin:0 auto}.dms-picker-search{margin-bottom:18px}.dms-picker-search-line{display:flex;gap:10px;align-items:center;margin-top:8px}.dms-picker-search-line input{min-width:0;flex:1}.dms-picker-results{display:grid;gap:8px;margin:12px 0 22px}.dms-picker-result{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line,#dde5ed);border-radius:8px;text-decoration:none}.dms-picker-result>div{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.dms-picker-result,.dms-picker-search-line{flex-wrap:wrap}.dms-picker-result .btn{width:100%}}

/* v1.0.16: compact, permission-aware Tracker document picker. */
.dms-picker-panel{max-width:1040px;margin:0 auto}
.dms-picker-header{padding:18px 22px;min-height:76px}
.dms-picker-header strong{display:block;font-size:18px;line-height:1.35;color:var(--navy)}
.dms-picker-header small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:400}
.dms-picker-body{padding:18px 22px 22px}
.dms-picker-tabs{display:flex;gap:5px;padding:4px;background:#f3f7fb;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}
.dms-picker-tab{display:inline-flex;min-height:43px;justify-content:center;align-items:center;min-width:150px;padding:9px 16px;border-radius:8px;text-decoration:none;color:#435873;font-size:13px;font-weight:650}
.dms-picker-tab:hover{background:#e7eef8}
.dms-picker-tab.is-active{background:#fff;color:var(--navy);box-shadow:0 1px 5px rgba(14,53,93,.11)}
.dms-picker-search{margin:0}
.dms-picker-search label{display:block;margin-bottom:7px;color:var(--navy);font-size:13px;font-weight:650}
.dms-picker-search-line{display:flex;gap:10px;align-items:stretch;margin:0}
.dms-picker-search-line input{flex:1;min-width:0;min-height:44px;padding:10px 13px;border:1px solid #cbd8e6;border-radius:8px;background:#fff}
.dms-picker-search-line .btn{min-width:106px}
.dms-picker-help{margin:8px 0 0;color:#61718a;font-size:12px;line-height:1.5}
.dms-picker-content{margin-top:16px}
.dms-picker-results-head{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin:0 0 9px}
.dms-picker-results-head h3{font-size:15px;color:var(--navy);margin:0;line-height:1.4}
.dms-picker-count{font-size:12px;color:var(--muted);white-space:nowrap}
.dms-picker-list{max-height:420px;overflow-y:auto;border:1px solid var(--line);border-radius:9px;background:#fff}
.dms-picker-doc{display:flex;align-items:center;gap:12px;min-width:0;width:100%;min-height:67px;padding:11px 13px;background:#fff;color:var(--ink);border:0;border-bottom:1px solid var(--line-2);text-align:left;cursor:pointer}
.dms-picker-doc:last-child{border-bottom:0}
.dms-picker-doc:hover,.dms-picker-doc:focus-visible{background:#eef7fa;outline-offset:-3px}
.dms-picker-file-icon{flex:0 0 34px;height:36px;display:flex;align-items:center;justify-content:center;background:#e7f1fb;color:#1767a0;border-radius:8px;font-size:22px}
.dms-picker-doc-text{min-width:0;flex:1;overflow-wrap:anywhere}
.dms-picker-doc-text strong{display:block;font-size:13px;line-height:1.4;color:#163a63}
.dms-picker-doc-text small{display:block;margin-top:2px;font-size:11px;line-height:1.45;color:#63748a}
.dms-picker-use{display:inline-flex;gap:5px;white-space:nowrap;align-items:center;font-weight:650;font-size:12px;color:#145f90}
.dms-picker-empty{padding:30px 16px;text-align:center;color:#61718a;font-size:13px;line-height:1.6}
.dms-picker-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;padding:11px 13px;border-radius:8px;border:1px solid var(--line);background:#f8fbfe;overflow-wrap:anywhere}
.dms-picker-breadcrumbs a{color:#1f608e;text-decoration:none}
.dms-picker-breadcrumbs a:hover{text-decoration:underline}
.dms-picker-navback{margin:12px 0}
.dms-picker-folder-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-bottom:20px}
.dms-picker-folder{min-height:56px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:#204466;font-weight:600;font-size:12px;overflow-wrap:anywhere}
.dms-picker-folder:hover{background:#f2f8fd;border-color:#b8cfe2}
.dms-picker-folder span:first-child{color:#23804a;font-size:18px}
.dms-picker-folder span:nth-child(2){flex:1;min-width:0}
.dms-picker-folder span:last-child{font-size:19px;color:#7a8ca1}
@media(max-width:650px){.dms-picker-header{padding:15px}.dms-picker-body{padding:14px}.dms-picker-header strong{font-size:16px}.dms-picker-tab{flex:1;min-width:0;padding:8px;font-size:12px}.dms-picker-search-line .btn{min-width:83px}.dms-picker-use{font-size:11px}.dms-picker-file-icon{flex-basis:30px;height:32px}.dms-picker-doc{padding:10px;gap:8px}.dms-picker-folder-list{grid-template-columns:1fr}}
@media(max-width:410px){.dms-picker-use{max-width:70px;white-space:normal;text-align:right}.dms-picker-doc-text strong{font-size:12px}.dms-picker-search-line{gap:6px}}

/* v1.0.17 — real-time document upload transfer and server confirmation. */
.dms-upload-progress{margin:13px 0 16px;padding:14px 16px;background:#f6f9fd;border:1px solid #d5e1ee;border-radius:10px;min-width:0}
.dms-upload-progress[hidden]{display:none!important}
.dms-upload-head,.dms-upload-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}
.dms-upload-identity{display:flex;flex-direction:column;gap:3px;min-width:0}
.dms-upload-identity strong{font-size:13px;color:#153d64}
.dms-upload-identity span{font-size:12px;color:#5b738e;overflow-wrap:anywhere}
.dms-upload-percent{flex:none;font-size:14px;font-variant-numeric:tabular-nums;color:#194c77}
.dms-upload-track{width:100%;height:10px;margin:13px 0 10px;overflow:hidden;background:#dce7f1;border-radius:999px}
.dms-upload-fill{width:0%;height:100%;border-radius:inherit;background:#1767a5;transition:width .12s linear}
.dms-upload-foot{color:#5d7088;font-size:11px;line-height:1.5}
.dms-upload-cancel{appearance:none;cursor:pointer;flex:none;background:#fff;border:1px solid #c4d6e6;border-radius:7px;padding:5px 10px;color:#244d72;font-size:12px;font-weight:650}
.dms-upload-cancel:hover{background:#e7f0f9}.dms-upload-cancel[hidden]{display:none!important}
.dms-upload-progress[data-state="processing"] .dms-upload-fill{background:#aa7c24}
.dms-upload-progress[data-state="success"]{border-color:#b3d9c4;background:#f3faf6}
.dms-upload-progress[data-state="success"] .dms-upload-fill{background:#238653}
.dms-upload-progress[data-state="error"],.dms-upload-progress[data-state="cancelled"]{border-color:#e8c7be;background:#fff9f7}
.dms-upload-progress[data-state="error"] .dms-upload-fill,.dms-upload-progress[data-state="cancelled"] .dms-upload-fill{background:#bb5943}
@media(max-width:540px){.dms-upload-progress{padding:12px}.dms-upload-head{align-items:flex-start}.dms-upload-identity span{font-size:11px}.dms-upload-foot{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.dms-upload-fill{transition:none}}

/* v1.0.19 – targeted QA: touch sizes, wrapping and keyboard access. */
.content,.panel,.modal,.field,.table-scroll{min-width:0}
.btn,button,.user-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.35}
input,select,textarea{max-width:100%}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1669c7;outline-offset:2px}
@media(max-width:820px){.btn,.icon-button,.user-chip{min-height:44px}.field input,.field select,.field textarea{min-height:44px;font-size:16px}.page-actions,.actions{flex-wrap:wrap}.panel{max-width:100%}}

/* OAG integration UX v2026-10: shared visual vocabulary in both applications. */
.oag-connection-panel{border:1px solid #d5e3ef;border-radius:13px;background:#fff;padding:20px;min-width:0}
.oag-connection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.oag-connection-head h3{font-size:17px;line-height:1.35;color:#123966;margin:0;font-weight:750}
.oag-conn-badge{border:1px solid #dae4ed;color:#596d81;background:#eef2f6;border-radius:999px;padding:6px 12px;font-weight:750;font-size:13px;display:inline-flex;align-items:center;gap:7px}
.oag-conn-badge[data-state="paired"]{color:#14683e;border-color:#a9dec1;background:#e7f7ee}
.oag-conn-badge[data-state="pending"]{color:#865a14;border-color:#ecd6a3;background:#fff5db}
.oag-conn-badge[data-state="error"],.oag-conn-badge[data-state="not_paired"]{color:#933936;border-color:#ecc8c4;background:#fff0ed}
.oag-conn-badge[data-state="paired"]::before{content:"✓";font-weight:900}
.oag-connection-description{color:#5d7187;line-height:1.6;font-size:14px;margin:0 0 15px}
.oag-conn-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}
.oag-conn-fact{padding:12px 14px;border:1px solid #dce6ef;border-radius:10px;background:#f8fafc;min-width:0}
.oag-conn-fact strong{display:block;font-size:13px;color:#183d63;margin-bottom:5px}
.oag-conn-fact span{display:block;color:#4b647e;font-size:13px;overflow-wrap:anywhere;line-height:1.5}
.oag-conn-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0 0}
.oag-conn-actions button{min-height:43px}
.oag-conn-details{border:1px solid #dce5ef;border-radius:11px;margin-top:17px;background:#fcfdff}
.oag-conn-details>summary{cursor:pointer;padding:13px 16px;color:#164672;font-weight:700;min-height:44px;display:list-item}
.oag-conn-advanced{padding:0 16px 16px}
.oag-conn-advanced .field{min-width:0}
.oag-conn-advanced code{overflow-wrap:anywhere;word-break:break-word;font-size:12px}
.oag-conn-hint{margin:10px 0 0;color:#5c7087;font-size:13px;line-height:1.6}
.oag-conn-actions [hidden],.oag-conn-advanced [hidden]{display:none!important}
@media(max-width:660px){.oag-connection-panel{padding:14px}.oag-conn-facts{grid-template-columns:1fr}.oag-conn-actions>*{flex:1 1 100%;width:100%}}