/* Scoped SLFD IC Command extension UI. Built as a drop-in to a preexisting static web app. */
.ic-shell{color-scheme:dark;--ic-bg:#0a1420;--ic-shell:#0f1c2b;--ic-panel:#142338;--ic-panel2:#172a3f;--ic-border:#2a3c51;--ic-muted:#91a7bd;--ic-light:#ebf2f9;--ic-blue:#52b7ed;--ic-cyan:#59d4c5;--ic-amber:#f5b765;--ic-red:#f47b82;--ic-green:#7ddaa4;--ic-shadow:0 18px 35px #06101a50;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.ic-shell,.ic-shell *{box-sizing:border-box}
body.ic-standalone{margin:0;min-height:100%;background:#0a1420;color:#ebf2f9}
.ic-shell button,.ic-shell input,.ic-shell select,.ic-shell textarea{font:inherit}
.ic-shell button{cursor:pointer}
.ic-shell button:disabled{cursor:not-allowed;opacity:.48}
.ic-shell button:focus-visible,.ic-shell input:focus-visible,.ic-shell textarea:focus-visible,.ic-shell select:focus-visible{outline:2px solid var(--ic-blue);outline-offset:2px}
.ic-shell{min-height:100vh;background:var(--ic-bg);color:var(--ic-light);display:flex;max-width:2200px;margin:0 auto;--col-height:320px}
.ic-rail{width:77px;min-width:77px;background:#0d1a29;border-right:1px solid var(--ic-border);display:flex;flex-direction:column;align-items:center;padding:18px 7px;gap:18px}
.ic-emblem{width:45px;height:45px;border-radius:13px;background:linear-gradient(130deg,#3e96c4,#23787a);display:grid;place-items:center;font-weight:900;font-size:16px;box-shadow:inset 0 0 0 1px #ffffff24}
.ic-rail .ic-rail-label{writing-mode:vertical-rl;text-transform:uppercase;font-weight:800;letter-spacing:.2em;font-size:11px;color:#a3b4c8;margin-top:10px}
.ic-rail .ic-rail-icons{margin-top:auto;display:grid;gap:8px}.ic-rail .ic-rail-icon{background:#14283c;border:1px solid var(--ic-border);border-radius:11px;color:#b5c9df;padding:11px;font-size:14px}
.ic-page{min-width:0;flex:1;padding:0 25px 28px}
.ic-top{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:89px;border-bottom:1px solid #2a3d5190}
.ic-kicker{color:var(--ic-cyan);font-size:10.5px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.ic-appname{font-size:23px;letter-spacing:-.035em;font-weight:780;line-height:1.05}
.ic-topright{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ic-signal{display:flex;gap:7px;align-items:center;color:#b2c0d0;font-size:11px;font-weight:650;border:1px solid var(--ic-border);background:#13273a;border-radius:18px;padding:8px 10px}
.ic-signal i{width:7px;height:7px;border-radius:50%;background:var(--ic-amber)}
.ic-date{color:var(--ic-muted);font-size:12px;white-space:nowrap}
.ic-button{border:1px solid #3a5168;background:#1b344b;color:#e5f2fd;border-radius:8px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:760;line-height:1.2;transition:background .15s,border-color .15s}
.ic-button:hover{background:#27475e;border-color:#5b7f9c}
.ic-button-primary{background:#2a88b7;border-color:#339bd0;color:#fff}.ic-button-primary:hover{background:#379bc5}
.ic-button-ghost{background:transparent;color:#bacfe1}.ic-button-ghost:hover{background:#1b3043}
.ic-button-danger{background:#773b43;border-color:#b65a62}.ic-button-danger:hover{background:#94404b}
.ic-button-soft{background:#1d3444;border-color:#385269;color:#c8e5f1}
.ic-button-small{padding:6px 9px;min-height:28px;font-size:11px}.ic-button-icon{width:34px;padding:6px}
.ic-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 0 20px}
.ic-headtitle{font-size:27px;font-weight:790;letter-spacing:-.045em;line-height:1.2}
.ic-meta{font-size:12px;color:var(--ic-muted);display:flex;gap:10px;flex-wrap:wrap;margin-top:9px}
.ic-meta span{display:inline-flex;align-items:center;gap:6px}.ic-meta .ic-sep{opacity:.4}
.ic-status{border:1px solid #61788e;background:#172c40;border-radius:20px;padding:4px 9px;color:#c5d8e8;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.ic-headeractions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ic-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#48292e;border:1px solid #ca6666;border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:13px;color:#ffdddd}
.ic-alert strong{font-size:13px}.ic-alert small{color:#f4bbbb}
.ic-note{display:flex;gap:7px;align-items:center;color:#aabed1;font-size:11px;margin:-7px 0 17px}
.ic-note b{color:var(--ic-amber)}
.ic-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:19px}
.ic-stat{padding:17px 17px 14px;background:linear-gradient(145deg,#14263a,#132238);border:1px solid var(--ic-border);border-radius:12px;min-width:0}
.ic-stat .ic-stat-label{color:#adc0d3;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850;display:flex;align-items:center;gap:6px}
.ic-stat .ic-stat-number{font-variant-numeric:tabular-nums;font-size:29px;font-weight:780;letter-spacing:-.04em;margin:9px 0 5px}
.ic-stat .ic-stat-sub{color:var(--ic-muted);font-size:11px;min-height:14px}
.ic-stat .ic-stat-sub strong{color:var(--ic-light)}
.ic-stat-warn{border-color:#6b5943;background:linear-gradient(145deg,#2b2730,#1d2936)}
.ic-stat-critical{border-color:#aa464b;background:linear-gradient(145deg,#452a36,#232735)}
.ic-bodygrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px;align-items:start}
.ic-mainpanel,.ic-sidepanel{border:1px solid var(--ic-border);background:#111f30;border-radius:12px;overflow:hidden;min-width:0}
.ic-panelbar{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ic-border)}
.ic-paneltitle{font-size:15px;font-weight:790;letter-spacing:-.018em}
.ic-panelsub{font-size:11px;color:var(--ic-muted);margin-top:5px}
.ic-actionbar{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ic-tabs{display:flex;gap:5px;padding:14px 16px 12px;overflow:auto;scrollbar-width:thin}
.ic-tab{border:1px solid transparent;background:transparent;color:var(--ic-muted);border-radius:8px;padding:8px 11px;white-space:nowrap;font-weight:700;font-size:12px}
.ic-tab:hover{color:var(--ic-light);background:#20354a}
.ic-tab[aria-selected=true]{color:#fff;background:#244a66;border-color:#386587}
.ic-cols{display:grid;grid-template-columns:repeat(5,minmax(155px,1fr));gap:10px;padding:2px 15px 17px;overflow-x:auto;min-height:320px}
.ic-col{min-height:288px;border:1px solid #32465c;border-radius:10px;background:#16263a;min-width:168px;overflow:hidden;transition:border-color .13s,background .13s}
.ic-col[dragover]{border-color:var(--ic-cyan);background:#204356}
.ic-col-head{padding:11px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a4057;gap:9px}
.ic-col-name{font-size:12px;font-weight:790;display:flex;align-items:center;gap:7px}
.ic-col-dot{width:7px;height:7px;display:inline-block;background:var(--ic-blue);border-radius:50%}
.ic-count{background:#29415a;border-radius:20px;color:#b4cddd;font-size:11px;font-weight:700;min-width:23px;text-align:center;padding:3px 7px}
.ic-col-list{padding:9px 8px;min-height:208px;display:flex;flex-direction:column;gap:8px}
.ic-unit{border:1px solid #38516a;border-left:3px solid var(--ic-blue);border-radius:8px;background:#1d3349;cursor:grab;min-height:73px;padding:10px;display:block;color:#e7f3fc;width:100%;text-align:left;user-select:none}
.ic-unit:hover{border-color:#75a9c8;background:#24425c}.ic-unit[draggable=true]:active{cursor:grabbing}
.ic-unit-status-rehab{border-left-color:var(--ic-amber)}.ic-unit-status-released{opacity:.64;border-left-color:#687f93}.ic-unit-status-assigned{border-left-color:var(--ic-green)}
.ic-unit-top{display:flex;justify-content:space-between;align-items:center;gap:5px}
.ic-unit-id{font-weight:850;font-size:14px;letter-spacing:.02em}
.ic-unit-crew{background:#385168;border-radius:6px;padding:3px 5px;font-size:10px;font-weight:800;color:#e5f5fa;white-space:nowrap}
.ic-unit-details{font-size:10.5px;line-height:1.38;color:#b6cadc;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-unit-objective{color:#ddebf6;margin-top:5px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic-empty{font-size:11px;color:#6e8aa4;text-align:center;padding:27px 4px;border:1px dashed #33475c;border-radius:7px;line-height:1.5}
.ic-viewhint{color:#829bb3;padding:0 17px 14px;font-size:11px}
.ic-section{padding:16px;border-bottom:1px solid var(--ic-border)}.ic-section:last-child{border-bottom:0}
.ic-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}
.ic-section-name{font-size:13px;font-weight:800}.ic-section-sub{color:var(--ic-muted);font-size:11px;margin-top:5px}
.ic-parbadge{border-radius:6px;background:#213d4d;color:#8be0da;font-size:10px;font-weight:800;padding:5px 7px}
.ic-parbadge-warn{background:#4c3531;color:#ffbf93}
.ic-parinfo{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.ic-parclock{font-size:25px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ic-par-list{display:grid;gap:6px;margin:13px 0 8px}.ic-parrow{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:8px;border-radius:6px;background:#1a2c40;font-size:12px}
.ic-parrow-left{font-weight:760}.ic-parrow-left small{font-weight:550;color:var(--ic-muted)}
.ic-parrow-actions{display:flex;gap:5px}.ic-parrow-actions button{font-size:11px;min-height:28px}
.ic-chkprogress{height:6px;background:#253b51;border-radius:12px;margin:12px 0 13px;overflow:hidden}
.ic-chkprogress i{display:block;height:100%;background:linear-gradient(90deg,#43bdc0,#83d99d);border-radius:12px}
.ic-checks{display:grid;gap:4px}.ic-check{display:flex;align-items:start;gap:8px;padding:7px 3px;color:#d2e1ed;font-size:11.5px;cursor:pointer;line-height:1.42}
.ic-check input{appearance:none;flex:0 0 17px;height:17px;margin:0;border:1px solid #5d748c;border-radius:5px;background:#1b2d43;cursor:pointer;display:grid;place-items:center}
.ic-check input:checked{background:#3cb0a3;border-color:#3cb0a3}.ic-check input:checked:after{content:'✓';font-size:12px;color:#092a2a;font-weight:900}
.ic-check-done span{color:#94aab5;text-decoration:line-through;text-decoration-color:#879dad}
.ic-activity{display:grid;gap:0;max-height:350px;overflow-y:auto}.ic-event{padding:11px 15px;display:grid;grid-template-columns:49px minmax(0,1fr);gap:10px;border-bottom:1px solid #22384d}
.ic-event-time{font-size:10px;font-weight:700;color:#89a6bc;font-variant-numeric:tabular-nums;margin-top:3px}.ic-event-text{font-size:11px;line-height:1.5;color:#cfdeed;overflow-wrap:anywhere}.ic-event-type{font-size:10px;letter-spacing:.08em;color:#6dc7d6;text-transform:uppercase;font-weight:800;margin-bottom:3px}
.ic-event-type-safety{color:var(--ic-red)}.ic-event-type-par{color:var(--ic-amber)}
.ic-overviewtoolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px 16px;border-top:1px solid #30475f}
.ic-select,.ic-input,.ic-textarea{display:block;width:100%;background:#0e1d2e;color:#edf7ff;border:1px solid #38516b;border-radius:8px;padding:9px 10px;min-height:38px;outline:0}
.ic-textarea{min-height:88px;resize:vertical;line-height:1.5}
.ic-select-small{width:auto;min-height:32px;font-size:11px;padding:6px 9px}
.ic-f-label{display:grid;gap:5px;font-size:12px;font-weight:720;color:#c4d5e6}
.ic-fieldhint{font-size:11px;color:#91a7bc;font-weight:500}
.ic-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.ic-formgrid .ic-full{grid-column:1/-1}
.ic-logcontrols{display:flex;gap:9px;align-items:center;justify-content:space-between;padding:0 16px 12px}
.ic-logtable{padding:0 12px 18px;max-height:480px;overflow:auto}.ic-logrow{display:grid;grid-template-columns:105px 90px minmax(0,1fr);gap:10px;padding:11px 9px;border-bottom:1px solid #293e52;font-size:11px;overflow-wrap:anywhere}
.ic-logrow strong{color:#8dd2e6}.ic-logrow time{color:#9cb4c8}
.ic-modalbg{position:fixed;inset:0;background:#040b13db;z-index:1000;display:flex;align-items:center;justify-content:center;padding:14px;backdrop-filter:blur(5px)}
.ic-modal{width:min(570px,100%);max-height:min(91vh,850px);overflow:auto;background:#16283d;border:1px solid #4a657d;border-radius:14px;box-shadow:0 35px 80px #010915ba}
.ic-modalheader{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ic-border);padding:19px 19px 15px}
.ic-modaltitle{font-size:19px;font-weight:820;letter-spacing:-.03em}.ic-modalsub{font-size:12px;color:var(--ic-muted);margin-top:6px;line-height:1.5}
.ic-modalbody{padding:19px;display:grid;gap:14px}.ic-modalfoot{display:flex;justify-content:flex-end;gap:8px;padding:15px 19px 19px;border-top:1px solid #2e4359}
.ic-modal-banner{padding:10px 12px;border-radius:8px;background:#273b4c;font-size:11px;line-height:1.5;color:#bcd1df}
.ic-modal-banner-danger{background:#492f34;border:1px solid #ba666c;color:#ffd4d4}
.ic-toast{position:fixed;right:20px;bottom:17px;max-width:min(430px,calc(100vw - 40px));padding:12px 14px;background:#214257;border:1px solid #5da7c8;color:#fff;font-size:12px;font-weight:660;border-radius:10px;z-index:1100;box-shadow:var(--ic-shadow)}
.ic-toast-error{background:#4d2f36;border-color:#dc7b81}
.ic-footer{padding:17px 0;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#788fa6;font-size:10px;line-height:1.55}
.ic-footer b{color:#b3cadf}
.ic-smalldetail{color:var(--ic-muted);font-size:11px;line-height:1.5}
.ic-linklike{background:none;border:0;color:var(--ic-blue);font-size:11px;font-weight:750;padding:5px 0;text-align:left}
.ic-linklike:hover{text-decoration:underline}
.ic-pill{font-size:10px;color:#90decc;border:1px solid #387d77;border-radius:15px;padding:3px 8px}
.ic-onboarding{padding:32px 20px;text-align:center;margin:0 15px 20px;border:1px dashed #395873;border-radius:11px;background:#14263a}
.ic-onboarding .ic-big{font-size:37px;margin-bottom:12px}.ic-onboarding h3{font-size:19px;margin:0 0 6px}.ic-onboarding p{font-size:12px;line-height:1.7;max-width:480px;margin:0 auto 19px;color:var(--ic-muted)}
.ic-template{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
@media(min-width:1600px){.ic-page{padding-left:32px;padding-right:32px}.ic-bodygrid{grid-template-columns:minmax(0,1fr) 360px}.ic-col{min-height:327px}.ic-cols{min-height:350px}}
@media(max-width:1240px){.ic-bodygrid{grid-template-columns:1fr}.ic-sidepanel{display:grid;grid-template-columns:1fr 1fr}.ic-sidepanel .ic-section:last-child{grid-column:1/-1}.ic-stats{gap:9px}.ic-cols{grid-template-columns:repeat(5,minmax(165px,1fr))}}
@media(max-width:780px){.ic-rail{width:54px;min-width:54px;padding-left:5px;padding-right:5px}.ic-emblem{width:38px;height:38px;font-size:13px}.ic-rail-label{display:none}.ic-page{padding:0 13px 16px}.ic-top{min-height:78px}.ic-appname{font-size:17px}.ic-topright .ic-date{display:none}.ic-topright .ic-button{display:none}.ic-headtitle{font-size:22px}.ic-header{display:block;padding:20px 0 16px}.ic-headeractions{margin-top:15px;justify-content:flex-start}.ic-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ic-stat{padding:13px}.ic-stat .ic-stat-number{font-size:25px}.ic-sidepanel{display:block}.ic-cols{grid-template-columns:repeat(5,minmax(185px,1fr))}.ic-footer{display:block}.ic-footer>*{margin-bottom:6px}}
@media(max-width:480px){.ic-rail{display:none}.ic-page{padding:0 10px 15px}.ic-top{min-height:72px}.ic-topright{gap:5px}.ic-signal{font-size:9px;padding:6px 8px}.ic-headtitle{font-size:21px}.ic-headeractions .ic-button{flex:1}.ic-meta{font-size:10.5px;gap:7px}.ic-panelbar{padding:12px}.ic-paneltitle{font-size:14px}.ic-actionbar{gap:4px}.ic-button{padding:7px 9px;font-size:11px}.ic-cols{padding:0 9px 14px}.ic-tabs{padding:10px}.ic-section{padding:12px}.ic-formgrid{grid-template-columns:1fr}.ic-logrow{grid-template-columns:64px 58px minmax(0,1fr);gap:6px}.ic-modalbody{padding:14px}.ic-modalheader{padding:14px}.ic-modalfoot{padding:12px 14px}}
@media print{.ic-shell{color-scheme:light;background:#fff;color:#161b24}.ic-rail,.ic-button,.ic-topright,.ic-viewhint,.ic-footer,.ic-tabs,.ic-note,.ic-onboarding,.ic-modalbg{display:none!important}.ic-page{padding:0}.ic-top,.ic-mainpanel,.ic-sidepanel,.ic-stat,.ic-col{color:#111;background:#fff;border-color:#ccc}.ic-bodygrid{grid-template-columns:1fr}.ic-sidepanel{display:grid;grid-template-columns:1fr 1fr}.ic-textarea{color:#000}.ic-unit{color:#222;background:#fff}.ic-stat .ic-stat-number,.ic-headtitle,.ic-paneltitle,.ic-unit-id{color:#111}.ic-unit-details,.ic-event-text,.ic-check{color:#333}.ic-sidepanel{page-break-inside:avoid}}

/* Embedded mode preserves the parent Sites application navigation/header. */
.ic-embed{min-height:0;max-width:none}.ic-embed>.ic-rail,.ic-embed .ic-top{display:none!important}.ic-embed>.ic-page{padding:0 0 16px}
