/* SafeNavis V6.0.30 · Tech Command Workspace + Yacht AI */
:root{
  --tech-bg:#031321;
  --tech-panel:rgba(8,31,48,.82);
  --tech-panel-2:rgba(12,42,61,.74);
  --tech-panel-3:rgba(17,52,72,.62);
  --tech-line:rgba(112,226,222,.16);
  --tech-line-strong:rgba(112,226,222,.34);
  --tech-cyan:#57f1e7;
  --tech-blue:#6ea7ff;
  --tech-violet:#9e8cff;
  --tech-green:#72f1b8;
  --tech-amber:#ffc675;
  --tech-red:#ff7b88;
  --tech-shadow:0 26px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);
  --tech-shadow-soft:0 15px 44px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
body.sn-tech-ui{
  background:
    radial-gradient(circle at 82% -8%,rgba(57,228,217,.18),transparent 30%),
    radial-gradient(circle at 62% 105%,rgba(126,107,255,.13),transparent 33%),
    linear-gradient(180deg,#031321 0%,#041827 42%,#03131f 100%);
}
body.sn-tech-ui:before{
  background-image:
    linear-gradient(rgba(100,236,226,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,236,226,.025) 1px,transparent 1px),
    linear-gradient(135deg,rgba(255,255,255,.014),transparent 42%);
  background-size:32px 32px,32px 32px,100% 100%;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.12),#000 9%,#000 90%,rgba(0,0,0,.25));
}
body.sn-tech-ui:after{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 0,rgba(87,241,231,.025) 50%,transparent 100%);
  transform:translateX(-100%);animation:sn-tech-scan 12s linear infinite;
}
@keyframes sn-tech-scan{to{transform:translateX(100%)}}

/* Shell + navigation */
body.sn-tech-ui .app-shell{grid-template-columns:276px minmax(0,1fr)}
body.sn-tech-ui .sidebar{
  background:linear-gradient(180deg,rgba(3,17,31,.965),rgba(4,24,39,.93));
  border-right:1px solid rgba(106,231,223,.14);
  box-shadow:18px 0 60px rgba(0,0,0,.18);
}
body.sn-tech-ui .sidebar:after{content:"";position:absolute;right:-1px;top:0;width:1px;height:24%;background:linear-gradient(var(--tech-cyan),transparent);opacity:.75}
body.sn-tech-ui .sidebar .brand{
  position:relative;overflow:hidden;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(87,241,231,.09),rgba(111,167,255,.04) 48%,rgba(158,140,255,.08));
  border-color:rgba(104,234,225,.24)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06)!important;
}
body.sn-tech-ui .sidebar .brand:after{content:"";position:absolute;inset:auto -30% -62% 18%;height:80px;background:radial-gradient(ellipse,rgba(87,241,231,.22),transparent 65%);pointer-events:none}
body.sn-tech-ui .side-label{color:#70e9df!important;opacity:.82;letter-spacing:1.75px!important}
body.sn-tech-ui .sidebar .nav-priority>a,
body.sn-tech-ui .sidebar .nav-group>summary,
body.sn-tech-ui .sidebar .nav-group-links>a{
  border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease!important;
}
body.sn-tech-ui .sidebar .nav-priority>a:hover,
body.sn-tech-ui .sidebar .nav-priority>a.active,
body.sn-tech-ui .sidebar .nav-group>summary:hover,
body.sn-tech-ui .sidebar .nav-group.active>summary,
body.sn-tech-ui .sidebar .nav-group-links>a:hover,
body.sn-tech-ui .sidebar .nav-group-links>a.active{
  background:linear-gradient(100deg,rgba(68,224,214,.115),rgba(107,166,255,.055),rgba(152,126,255,.05))!important;
  border-color:rgba(91,231,221,.16)!important;
  box-shadow:inset 3px 0 0 rgba(87,241,231,.72),0 10px 26px rgba(0,0,0,.11)!important;
}
body.sn-tech-ui .nav-group[open],body.sn-tech-ui .nav-group.active{border-color:rgba(101,227,221,.105)!important;background:rgba(255,255,255,.015)!important}
body.sn-tech-ui .sn-icon{color:#63e9e0}

/* Right workspace */
body.sn-tech-ui .main{max-width:1900px;padding:24px clamp(20px,2.1vw,38px) 58px}
body.sn-tech-ui .topbar-pro{
  position:sticky;top:12px;z-index:45;padding:12px 14px 12px 18px;margin-bottom:22px!important;
  border:1px solid rgba(105,227,222,.13);border-radius:20px;
  background:linear-gradient(130deg,rgba(5,24,38,.90),rgba(10,37,54,.84));
  box-shadow:0 18px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);
}
body.sn-tech-ui .topbar-pro:after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--tech-cyan),transparent);opacity:.42}
body.sn-tech-ui .top-title-pro .eyebrow{display:flex;align-items:center;gap:8px;color:#8feee8!important;letter-spacing:1.45px}
body.sn-tech-ui .top-title-pro h1{font-size:clamp(23px,2vw,31px)!important;letter-spacing:-.8px!important}
body.sn-tech-ui .top-utility-cluster,body.sn-tech-ui .system-status,body.sn-tech-ui .vessel-select,body.sn-tech-ui .profile-button{
  background:linear-gradient(140deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  border-color:rgba(131,213,224,.13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.12)!important;
}
body.sn-tech-ui .system-status i{box-shadow:0 0 0 5px rgba(69,230,179,.08),0 0 17px rgba(69,230,179,.35)}

/* Common premium surfaces */
body.sn-tech-ui .glass,
body.sn-tech-ui .panel,
body.sn-tech-ui .task-card,
body.sn-tech-ui .crew-card,
body.sn-tech-ui .theme-card,
body.sn-tech-ui .company-registry,
body.sn-tech-ui .crew-command,
body.sn-tech-ui .signal-card,
body.sn-tech-ui .help6-topic-card,
body.sn-tech-ui .help6-doc,
body.sn-tech-ui .help6-faq{
  border-color:var(--tech-line)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    linear-gradient(130deg,var(--tech-panel),var(--tech-panel-2))!important;
  box-shadow:var(--tech-shadow-soft)!important;
}
body.sn-tech-ui .panel,body.sn-tech-ui .v5-panel{border-radius:21px!important;padding:20px!important;position:relative;overflow:hidden}
body.sn-tech-ui .panel:before,body.sn-tech-ui .v5-panel:before{
  content:"";position:absolute;left:0;top:0;width:115px;height:1px;background:linear-gradient(90deg,var(--tech-cyan),transparent);opacity:.7;pointer-events:none
}
body.sn-tech-ui .panel:after,body.sn-tech-ui .v5-panel:after{
  content:"";position:absolute;right:-70px;top:-72px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(86,229,220,.055),transparent 68%);pointer-events:none
}
body.sn-tech-ui .panel-head{margin-bottom:16px!important;padding-bottom:12px;border-bottom:1px solid rgba(132,220,224,.08)}
body.sn-tech-ui .panel-head h3{font-size:18px!important;letter-spacing:-.25px}
body.sn-tech-ui .eyebrow{color:#73e8e0!important;font-size:9.5px!important;letter-spacing:1.7px!important}
body.sn-tech-ui .content-title{
  position:relative;border:1px solid var(--tech-line);border-radius:22px;padding:22px 24px;margin-bottom:15px;
  background:linear-gradient(115deg,rgba(8,37,55,.82),rgba(10,44,62,.62) 58%,rgba(44,37,83,.38));box-shadow:var(--tech-shadow-soft);overflow:hidden
}
body.sn-tech-ui .content-title:before{content:"";position:absolute;inset:-120px -60px auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(87,241,231,.13),transparent 66%)}
body.sn-tech-ui .content-title h2{margin:0 0 7px;font-size:clamp(24px,2.5vw,34px);letter-spacing:-.85px}
body.sn-tech-ui .content-title p:not(.eyebrow){max-width:780px;color:#9fbcca}

/* Hero system */
body.sn-tech-ui .hero,body.sn-tech-ui .intelligence-hero,body.sn-tech-ui .report-hero,body.sn-tech-ui .help6-hero{
  border-radius:25px!important;border-color:rgba(102,232,223,.19)!important;
  background:
    radial-gradient(circle at 82% 14%,rgba(83,238,226,.15),transparent 28%),
    radial-gradient(circle at 68% 122%,rgba(144,118,255,.16),transparent 34%),
    linear-gradient(118deg,rgba(4,38,56,.96),rgba(8,58,76,.82) 48%,rgba(37,31,79,.70))!important;
  box-shadow:0 32px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)!important;
}
body.sn-tech-ui .hero h2,body.sn-tech-ui .intelligence-hero h2,body.sn-tech-ui .report-hero h2{font-size:clamp(29px,3vw,43px)!important;letter-spacing:-1.25px!important}

/* Metrics / operational cards */
body.sn-tech-ui .metric-card,body.sn-tech-ui .signal-card,body.sn-tech-ui .v5-kpi-grid>.metric-card{
  border-radius:18px!important;min-height:120px!important;background:linear-gradient(150deg,rgba(11,45,64,.78),rgba(10,31,49,.78))!important;
  border:1px solid rgba(113,220,222,.13)!important;box-shadow:0 15px 40px rgba(0,0,0,.18)!important;
}
body.sn-tech-ui .metric-card:hover,body.sn-tech-ui .signal-card:hover{border-color:rgba(91,237,226,.32)!important;transform:translateY(-3px)!important}
body.sn-tech-ui .metric-card strong,body.sn-tech-ui .signal-card b{font-variant-numeric:tabular-nums;letter-spacing:-1px}

/* Lists, rows and tables */
body.sn-tech-ui .record,body.sn-tech-ui .workflow-row,body.sn-tech-ui .task-board-row,body.sn-tech-ui .suggestion-row,
body.sn-tech-ui .equipment-row,body.sn-tech-ui .v5-list>div,body.sn-tech-ui .v5-source,
body.sn-tech-ui .company-admin-row,body.sn-tech-ui .platform-vessel-admin-row{
  border:1px solid rgba(120,213,219,.09)!important;border-radius:14px!important;margin:7px 0!important;padding:11px 12px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.026),rgba(255,255,255,.012))!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
body.sn-tech-ui .record:hover,body.sn-tech-ui .workflow-row:hover,body.sn-tech-ui .task-board-row:hover,
body.sn-tech-ui .suggestion-row:hover,body.sn-tech-ui .equipment-row:hover,body.sn-tech-ui .v5-list>div:hover,
body.sn-tech-ui .company-admin-row:hover,body.sn-tech-ui .platform-vessel-admin-row:hover{
  border-color:rgba(87,241,231,.22)!important;background:linear-gradient(120deg,rgba(87,241,231,.04),rgba(111,167,255,.022))!important;transform:translateY(-1px)
}
body.sn-tech-ui table{border-collapse:separate!important;border-spacing:0 7px!important;width:100%}
body.sn-tech-ui th{color:#7f9eae!important;font-size:9px!important;text-transform:uppercase;letter-spacing:1.2px;padding:8px 11px!important;border-bottom:0!important}
body.sn-tech-ui td{background:rgba(255,255,255,.022);border-top:1px solid rgba(126,215,221,.08);border-bottom:1px solid rgba(126,215,221,.08);padding:10px 11px!important}
body.sn-tech-ui td:first-child{border-left:1px solid rgba(126,215,221,.08);border-radius:12px 0 0 12px}
body.sn-tech-ui td:last-child{border-right:1px solid rgba(126,215,221,.08);border-radius:0 12px 12px 0}

/* Controls */
body.sn-tech-ui .main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.sn-tech-ui .main select,
body.sn-tech-ui .main textarea{
  min-height:44px!important;border-radius:12px!important;border:1px solid rgba(125,206,218,.15)!important;
  background:linear-gradient(180deg,rgba(3,20,32,.52),rgba(7,31,45,.48))!important;color:var(--ink)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important
}
body.sn-tech-ui .main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
body.sn-tech-ui .main select:focus,body.sn-tech-ui .main textarea:focus{
  outline:none!important;border-color:rgba(87,241,231,.56)!important;background:rgba(6,31,45,.82)!important;
  box-shadow:0 0 0 3px rgba(87,241,231,.075),0 10px 30px rgba(0,0,0,.11)!important
}
body.sn-tech-ui .main textarea:not(.json-editor):not([data-multiline="true"]){min-height:44px!important;height:44px!important;resize:vertical}
body.sn-tech-ui .main label>span{font-size:9.5px!important;color:#8da9b7!important;font-weight:800!important;letter-spacing:.15px}
body.sn-tech-ui .primary,body.sn-tech-ui .secondary,body.sn-tech-ui .ghost,body.sn-tech-ui .link-button{
  border-radius:11px!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;
}
body.sn-tech-ui .primary{background:linear-gradient(105deg,#49ded4,#74f1e7)!important;box-shadow:0 10px 25px rgba(57,225,212,.15)!important;color:#032334!important}
body.sn-tech-ui .primary:hover{box-shadow:0 14px 34px rgba(57,225,212,.26)!important}
body.sn-tech-ui .secondary{background:linear-gradient(135deg,rgba(104,180,226,.10),rgba(133,116,229,.08))!important;border:1px solid rgba(135,206,223,.16)!important}
body.sn-tech-ui .ghost{background:rgba(255,255,255,.028)!important;border-color:rgba(128,207,219,.13)!important}
body.sn-tech-ui .badge{border:1px solid rgba(87,241,231,.12);box-shadow:inset 0 1px rgba(255,255,255,.03)}
body.sn-tech-ui code{border:1px solid rgba(111,222,218,.13);background:rgba(1,16,26,.55);color:#a9f8f1;border-radius:9px;padding:4px 7px}

/* Dialogs and operation feedback */
body.sn-tech-ui .dialog-shell,body.sn-tech-ui .sn-operation-window,body.sn-tech-ui .sn-toast-window{
  border:1px solid rgba(105,228,221,.20)!important;
  background:linear-gradient(145deg,rgba(5,25,39,.985),rgba(11,43,58,.975))!important;
  box-shadow:0 35px 100px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04)!important;
}
body.sn-tech-ui .sn-operation-window{border-radius:24px!important;overflow:hidden;position:relative}
body.sn-tech-ui .sn-operation-window:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--tech-cyan),var(--tech-blue),transparent);opacity:.75}
body.sn-tech-ui .sn-operation-progress{background:rgba(255,255,255,.04)!important}
body.sn-tech-ui .sn-operation-progress i{background:linear-gradient(90deg,var(--tech-cyan),var(--tech-blue),var(--tech-violet))!important}

/* Integration Centre */
body.sn-tech-ui[data-view="integrations"] .main{max-width:1920px}
.integration-centre{display:grid;gap:16px}
.integration-command-hero{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:18px;align-items:stretch;
  padding:24px;border:1px solid rgba(91,235,226,.19);border-radius:25px;
  background:radial-gradient(circle at 78% 20%,rgba(67,232,221,.15),transparent 31%),linear-gradient(120deg,rgba(5,39,57,.96),rgba(10,55,72,.83) 52%,rgba(41,34,83,.68));
  box-shadow:0 32px 90px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.045)
}
.integration-command-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(97,238,229,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(97,238,229,.035) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 54%,#000)}
.integration-command-copy{position:relative;z-index:1;align-self:center}
.integration-command-copy h2{font-size:clamp(31px,3.4vw,50px);line-height:1.02;letter-spacing:-1.6px;margin:7px 0 11px;max-width:760px}
.integration-command-copy>p:not(.eyebrow){max-width:710px;color:#abc5d1;font-size:13px;line-height:1.65;margin:0}
.integration-command-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.integration-command-tags span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(115,224,223,.15);background:rgba(255,255,255,.035);font-size:9.5px;font-weight:800;color:#bfe4e8}
.integration-command-tags span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tech-green);box-shadow:0 0 12px rgba(114,241,184,.6)}
.integration-radar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:center}
.integration-radar article{min-height:100px;padding:14px;border-radius:16px;border:1px solid rgba(125,222,222,.12);background:rgba(2,20,31,.38);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.integration-radar small{display:block;color:#8eabba;font-size:9px;text-transform:uppercase;letter-spacing:1px}
.integration-radar b{display:block;font-size:27px;line-height:1;margin:9px 0 7px;font-variant-numeric:tabular-nums}
.integration-radar span{font-size:9.5px;color:#9db9c5}
.integration-radar .is-live b{color:#8bf1d0}.integration-radar .is-cyan b{color:#79eee7}.integration-radar .is-blue b{color:#9bc2ff}.integration-radar .is-violet b{color:#b7a9ff}
.integration-secret-stack{display:grid;gap:8px}
.integration-secret{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;border:1px solid rgba(255,198,117,.22);border-radius:15px;padding:11px 13px;background:linear-gradient(90deg,rgba(255,198,117,.07),rgba(255,255,255,.018))}
.integration-secret i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,198,117,.09);color:#ffd28c;font-style:normal;font-weight:900}
.integration-secret b{display:block;font-size:10px;color:#ffd9a2;margin-bottom:4px}.integration-secret code{display:block;white-space:nowrap;overflow:auto;max-width:100%}
.integration-endpoint-rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.integration-endpoint{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 13px;border:1px solid rgba(115,219,222,.11);border-radius:15px;background:linear-gradient(120deg,rgba(255,255,255,.025),rgba(255,255,255,.011))}
.integration-endpoint>i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:900;background:linear-gradient(135deg,rgba(87,241,231,.13),rgba(111,167,255,.10));color:#82eee7}
.integration-endpoint b,.integration-endpoint small{display:block}.integration-endpoint b{font-size:11px}.integration-endpoint small{color:#84a2b2;font-size:9px;margin-top:2px}.integration-endpoint code{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:5px}
.integration-health-dot{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:900;color:#88efc8}.integration-health-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#64efb3;box-shadow:0 0 12px rgba(100,239,179,.45)}
.integration-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.integration-module{position:relative;overflow:hidden;border:1px solid rgba(115,220,221,.12);border-radius:20px;padding:18px;background:linear-gradient(145deg,rgba(10,41,58,.81),rgba(6,27,43,.80));box-shadow:0 17px 46px rgba(0,0,0,.18)}
.integration-module:before{content:"";position:absolute;left:0;top:0;width:90px;height:1px;background:linear-gradient(90deg,var(--tech-cyan),transparent)}
.integration-module-wide{grid-column:1/-1}
.integration-module-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:15px}
.integration-module-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(87,241,231,.12),rgba(111,167,255,.09));border:1px solid rgba(101,227,222,.13);color:#82eee6;font-size:16px;font-weight:900}
.integration-module-head h3{margin:0;font-size:15px}.integration-module-head p{margin:3px 0 0;color:#89a7b6;font-size:9.5px;line-height:1.35}
.integration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.integration-fields-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.integration-field{display:grid;gap:5px}.integration-field>span{font-size:8.5px!important;text-transform:uppercase;letter-spacing:.8px;color:#7797a7!important}
.integration-module .integration-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:11px;border-top:1px solid rgba(126,214,220,.08)}
.integration-module .integration-actions button{min-width:150px}
.integration-toggle{display:flex!important;align-items:center!important;gap:8px!important;min-height:44px;padding:0 11px;border:1px solid rgba(126,214,220,.12);border-radius:12px;background:rgba(255,255,255,.022)}
.integration-toggle input{width:17px!important;height:17px!important;min-height:auto!important;margin:0!important}.integration-toggle span{font-size:9.5px!important}
.integration-source-list{display:grid;gap:8px}
.integration-source-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 12px;border:1px solid rgba(119,216,220,.10);border-radius:14px;background:rgba(255,255,255,.019)}
.integration-source-row>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(87,241,231,.075);font-style:normal;color:#7cebe4;font-weight:900}
.integration-source-row b,.integration-source-row small{display:block}.integration-source-row small{color:#7f9fad;font-size:9px;margin-top:3px}.integration-source-row .source-state{font-size:9px;font-weight:900;padding:6px 8px;border-radius:999px;background:rgba(114,241,184,.075);border:1px solid rgba(114,241,184,.13);color:#8defca}
.integration-source-empty{padding:15px;border-radius:14px;border:1px dashed rgba(121,214,218,.14);color:#809eac;font-size:10px;text-align:center}

/* Light theme compatibility */
html[data-theme="clear-operations"] body.sn-tech-ui{background:linear-gradient(180deg,#eef7f9,#e8f2f5 48%,#edf5f7)}
html[data-theme="clear-operations"] body.sn-tech-ui:before{background-image:linear-gradient(rgba(20,111,124,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,111,124,.035) 1px,transparent 1px)}
html[data-theme="clear-operations"] body.sn-tech-ui .topbar-pro,
html[data-theme="clear-operations"] body.sn-tech-ui .glass,
html[data-theme="clear-operations"] body.sn-tech-ui .panel,
html[data-theme="clear-operations"] body.sn-tech-ui .task-card,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-card,
html[data-theme="clear-operations"] body.sn-tech-ui .theme-card,
html[data-theme="clear-operations"] body.sn-tech-ui .company-registry,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-command,
html[data-theme="clear-operations"] body.sn-tech-ui .signal-card,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-module,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-endpoint,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-source-row{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(242,249,250,.90))!important;border-color:rgba(31,113,129,.12)!important;box-shadow:0 16px 45px rgba(43,91,104,.09)!important
}
html[data-theme="clear-operations"] body.sn-tech-ui .content-title,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-command-hero{background:linear-gradient(120deg,#fff,#eefafa 58%,#f2efff)!important;border-color:rgba(24,101,119,.13)!important;box-shadow:0 22px 60px rgba(43,91,104,.10)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .integration-command-copy>p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .integration-module-head p,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-endpoint small,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-source-row small{color:#5b7889}
html[data-theme="clear-operations"] body.sn-tech-ui .integration-radar article{background:rgba(255,255,255,.72);border-color:rgba(24,101,119,.10)}
html[data-theme="clear-operations"] body.sn-tech-ui .main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="clear-operations"] body.sn-tech-ui .main select,
html[data-theme="clear-operations"] body.sn-tech-ui .main textarea{background:#fff!important;color:#17384d!important;border-color:rgba(24,101,119,.14)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .integration-source-empty{color:#5d7887;border-color:rgba(31,113,129,.18)}

/* High contrast: keep functional rather than decorative */
html[data-theme="high-contrast"] body.sn-tech-ui:after{display:none}
html[data-theme="high-contrast"] body.sn-tech-ui .topbar-pro,
html[data-theme="high-contrast"] body.sn-tech-ui .panel,
html[data-theme="high-contrast"] body.sn-tech-ui .glass,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-module,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-command-hero{box-shadow:none!important;border:2px solid #071d35!important;background:#fff!important;color:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .integration-command-copy>p:not(.eyebrow),html[data-theme="high-contrast"] body.sn-tech-ui .integration-module-head p{color:#345168}

@media(max-width:1280px){
  body.sn-tech-ui .app-shell{grid-template-columns:252px minmax(0,1fr)}
  .integration-command-hero{grid-template-columns:1fr}.integration-radar{grid-template-columns:repeat(4,minmax(0,1fr))}
  .integration-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-module-wide{grid-column:1/-1}.integration-fields-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  body.sn-tech-ui .topbar-pro{position:relative;top:auto}
  .integration-radar{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-module-grid{grid-template-columns:1fr}.integration-module-wide{grid-column:auto}.integration-endpoint-rail{grid-template-columns:1fr}
}
@media(max-width:760px){
  body.sn-tech-ui .main{padding:14px 12px 36px}.integration-command-hero{padding:18px;border-radius:20px}.integration-command-copy h2{font-size:30px}.integration-fields,.integration-fields-4{grid-template-columns:1fr}.integration-radar{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-module{padding:15px}.integration-endpoint{grid-template-columns:36px minmax(0,1fr)}.integration-health-dot{grid-column:2}.integration-source-row{grid-template-columns:36px minmax(0,1fr)}.integration-source-row .source-state{grid-column:2;justify-self:start}.integration-module .integration-actions button{width:100%}
}
@media(max-width:520px){.integration-radar{grid-template-columns:1fr}.integration-command-tags{display:grid;grid-template-columns:1fr 1fr}.integration-command-tags span{justify-content:center}}
@media(prefers-reduced-motion:reduce){body.sn-tech-ui:after{animation:none}.sn-operation-spinner{animation-duration:1.4s!important}}

/* Cross-module layout normalization */
body.sn-tech-ui .metric-grid,body.sn-tech-ui .signal-grid,body.sn-tech-ui .v5-kpi-grid{gap:12px!important}
body.sn-tech-ui .dashboard-grid,body.sn-tech-ui .intelligence-grid,body.sn-tech-ui .module-grid,body.sn-tech-ui .task-management-grid{gap:14px!important}
body.sn-tech-ui .v5-card-grid,body.sn-tech-ui .crew-grid{gap:13px!important}
body.sn-tech-ui .task-card{border-radius:17px!important;padding:15px!important}
body.sn-tech-ui .task-card-top{padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid rgba(126,214,220,.07)}
body.sn-tech-ui .task-kicker{font-size:8.5px!important;letter-spacing:1.2px!important;color:#78d9d5!important}
body.sn-tech-ui .task-meta{gap:7px!important}.task-meta span{border-radius:9px!important}
body.sn-tech-ui .v52-template-grid{gap:12px!important}.v52-form{border-radius:18px!important;padding:15px 16px!important}
body.sn-tech-ui .v52-fields{gap:9px 11px!important}.v52-field input,.v52-field select,.v52-field textarea,.v52-signature input{height:44px!important;min-height:44px!important;border-radius:11px!important}
body.sn-tech-ui .v52-actions{padding-top:10px!important;margin-top:2px!important}
body.sn-tech-ui .v5-inline-form,body.sn-tech-ui .v5-inline-fields,body.sn-tech-ui .company-form-grid,body.sn-tech-ui .form-grid{gap:10px!important}
body.sn-tech-ui .v5-secret{border-radius:13px!important;border-color:rgba(255,198,117,.20)!important;background:rgba(255,198,117,.055)!important}
body.sn-tech-ui .empty-state{border-radius:16px!important;border:1px dashed rgba(121,214,218,.16)!important;background:rgba(255,255,255,.018)!important}
body.sn-tech-ui .crew-card{border-radius:19px!important}.crew-avatar{box-shadow:0 0 0 1px rgba(87,241,231,.18),0 12px 28px rgba(0,0,0,.18)!important}
body.sn-tech-ui .company-metric-grid,body.sn-tech-ui .company-admin-counts>span{gap:10px}
body.sn-tech-ui .radar,body.sn-tech-ui .radar-donut{filter:drop-shadow(0 0 18px rgba(87,241,231,.10))}
body.sn-tech-ui .filter-select,body.sn-tech-ui .filter,body.sn-tech-ui .static-filter{border-radius:11px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(126,214,220,.12)!important}
body.sn-tech-ui .settings-grid{gap:13px!important}.theme-card{border-radius:18px!important}.theme-preview{border-radius:12px!important}
body.sn-tech-ui .help6-grid,body.sn-tech-ui .help-grid{gap:13px!important}
body.sn-tech-ui .dbu-hero{border-radius:24px!important;box-shadow:var(--tech-shadow-soft)!important}.dbu-actions-panel{overflow:visible!important}
body.sn-tech-ui .dbu-action-card,body.sn-tech-ui .dbu-row,body.sn-tech-ui .dbu-update-row,body.sn-tech-ui .dbu-backup-row{border-radius:14px!important}
body.sn-tech-ui .sn-toast-window{border-radius:18px!important}.sn-toast-window .toast-icon{background:linear-gradient(135deg,rgba(87,241,231,.13),rgba(111,167,255,.08))!important}
body.sn-tech-ui ::-webkit-scrollbar{width:9px;height:9px}body.sn-tech-ui ::-webkit-scrollbar-track{background:rgba(0,0,0,.10)}body.sn-tech-ui ::-webkit-scrollbar-thumb{background:linear-gradient(var(--tech-cyan),var(--tech-blue));border-radius:999px;border:2px solid transparent;background-clip:padding-box}

/* Standalone yacht profile + asset scan surfaces */
body.sn-tech-ui .yp-panel{border:1px solid var(--tech-line)!important;border-radius:21px!important;background:linear-gradient(145deg,var(--tech-panel),var(--tech-panel-2))!important;box-shadow:var(--tech-shadow-soft)!important}
body.sn-tech-ui .yp-metrics>div,body.sn-tech-ui .yp-dept{border-color:rgba(114,220,221,.12)!important;background:linear-gradient(140deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important}
body.sn-tech-ui .yp-table th{background:rgba(5,30,44,.96)!important}
body.sn-tech-ui .asset-scan-page{max-width:1500px!important}
body.sn-tech-ui .asset-scan-page>.primary{margin-top:14px}
html[data-theme="clear-operations"] body.sn-tech-ui .yp-panel,html[data-theme="clear-operations"] body.sn-tech-ui .yp-metrics>div,html[data-theme="clear-operations"] body.sn-tech-ui .yp-dept{background:rgba(255,255,255,.88)!important;border-color:rgba(24,101,119,.12)!important}

/* SafeNavis V6.0.30 · Yacht AI command workspace */
.ai-command-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:center;padding:26px 28px;overflow:hidden;border-radius:26px!important;background:radial-gradient(circle at 78% 28%,rgba(141,124,255,.16),transparent 30%),radial-gradient(circle at 16% 12%,rgba(93,228,220,.12),transparent 28%),linear-gradient(135deg,rgba(5,28,45,.96),rgba(7,37,55,.92) 56%,rgba(20,25,62,.91))!important}
.ai-command-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(115,222,224,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(115,222,224,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,#000,transparent 88%)}
.ai-command-copy{position:relative;z-index:2}.ai-command-copy h2{margin:7px 0 10px;font-size:clamp(30px,3.6vw,48px);line-height:1.02;letter-spacing:-.035em}.ai-command-copy>p:not(.eyebrow){max-width:850px;margin:0;color:#9db7c4;line-height:1.65;font-size:12px}
.ai-pulse{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#5de4dc;box-shadow:0 0 0 5px rgba(93,228,220,.08),0 0 22px rgba(93,228,220,.65);animation:aiPulse 1.9s ease-in-out infinite}.ai-scope-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ai-scope-chips span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(111,220,222,.15);border-radius:999px;background:rgba(3,21,35,.44);color:#d8eef3;font-size:10px}.ai-scope-chips .sn-icon{width:14px;height:14px;color:#5de4dc}
.ai-core{position:relative;min-height:220px;display:grid;place-items:center}.ai-core>div{position:relative;z-index:3;width:112px;height:112px;display:grid;place-items:center;border-radius:32px;border:1px solid rgba(93,228,220,.32);background:linear-gradient(145deg,rgba(10,52,73,.92),rgba(25,25,68,.90));box-shadow:0 0 0 9px rgba(93,228,220,.035),0 28px 70px rgba(0,0,0,.36),inset 0 0 28px rgba(93,228,220,.08)}.ai-core>div .sn-icon{width:38px;height:38px;color:#71eee5}.ai-core b,.ai-core small{display:block;position:absolute}.ai-core b{bottom:25px;font-size:12px;letter-spacing:.24em}.ai-core small{bottom:10px;font-size:7px;letter-spacing:.18em;color:#839fac}.ai-core>i{position:absolute;border:1px solid rgba(93,228,220,.15);border-radius:50%;animation:aiOrbit 8s linear infinite}.ai-core>i:nth-child(1){width:160px;height:160px}.ai-core>i:nth-child(2){width:205px;height:205px;border-color:rgba(141,124,255,.13);animation-duration:12s;animation-direction:reverse}.ai-core>i:nth-child(3){width:245px;height:245px;border-style:dashed;animation-duration:18s}
.ai-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.ai-status-grid article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:14px 16px;border-radius:17px!important}.ai-status-grid article>.sn-icon{width:23px;height:23px;color:#62e8df}.ai-status-grid small,.ai-status-grid em{display:block}.ai-status-grid small{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.ai-status-grid b{display:block;margin:3px 0 2px;font-size:12px}.ai-status-grid em{font-style:normal;font-size:9px;color:#7fa4b5}
.ai-workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px}.ai-prompt-panel,.ai-guardrail-panel,.ai-result-panel,.ai-history-panel{border-radius:21px!important}.ai-role-focus{margin:-3px 0 15px;color:var(--muted);font-size:11px;line-height:1.55}.ai-preset-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.ai-preset{appearance:none;border:1px solid rgba(103,213,217,.13);border-radius:10px;padding:8px 10px;background:rgba(255,255,255,.025);color:#bcd4dc;font:700 9.5px/1.35 inherit;cursor:pointer;text-align:left;transition:.18s ease}.ai-preset span{color:#6cece4;margin-right:5px}.ai-preset:hover{transform:translateY(-1px);border-color:rgba(93,228,220,.30);background:rgba(93,228,220,.055);color:#eaffff}.ai-prompt-form{display:grid;gap:10px}.ai-prompt-form label{display:grid;gap:6px}.ai-prompt-form label>span{font-size:9px;font-weight:800;color:var(--muted);letter-spacing:.05em}.ai-prompt-form textarea{height:auto!important;min-height:116px!important;max-height:220px!important;resize:vertical!important;border-radius:14px!important;line-height:1.55!important;padding:13px 14px!important}.ai-prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-prompt-footer>span{font-size:9px;color:#7899aa}.ai-prompt-footer .primary{display:inline-flex;align-items:center;gap:7px}.ai-prompt-footer .sn-icon{width:15px;height:15px}
.ai-guardrail-list{display:grid;gap:9px}.ai-guardrail-list>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:11px;border:1px solid rgba(115,216,219,.10);border-radius:13px;background:rgba(255,255,255,.018)}.ai-guardrail-list>div>b{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,rgba(93,228,220,.09),rgba(141,124,255,.08));color:#67e9e1;font-size:9px}.ai-guardrail-list strong,.ai-guardrail-list small{display:block}.ai-guardrail-list strong{font-size:10.5px}.ai-guardrail-list small{margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.45}
.ai-result-panel{margin-top:14px}.ai-result-meta{display:flex;flex-wrap:wrap;gap:6px}.ai-result-meta span{padding:5px 7px;border:1px solid rgba(110,214,218,.12);border-radius:7px;font-size:8px;color:#8fb7c4}.ai-local-note{margin-bottom:12px;padding:9px 11px;border-radius:10px;border:1px solid rgba(255,192,98,.18);background:rgba(255,192,98,.055);color:#d8b681;font-size:9.5px}.ai-question{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.022);border:1px solid rgba(108,218,220,.09)}.ai-question small{display:block;color:#66e5de;font-size:8px;letter-spacing:.12em}.ai-question p{margin:4px 0 0;font-size:10.5px}.ai-answer{margin-top:11px;padding:17px 18px;border-radius:16px;background:linear-gradient(145deg,rgba(6,31,48,.72),rgba(13,31,54,.60));border:1px solid rgba(93,228,220,.13);white-space:pre-wrap;word-break:break-word;color:#dceef2;font-size:11.5px;line-height:1.7}.ai-disclaimer{display:flex;gap:9px;align-items:flex-start;margin-top:11px;color:#809fac;font-size:9.5px;line-height:1.5}.ai-disclaimer .sn-icon{width:16px;height:16px;flex:0 0 auto;color:#69e9e1}
.ai-history-panel{margin-top:14px}.ai-history-list{display:grid;gap:7px}.ai-history-list article{display:grid;grid-template-columns:9px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:11px;border:1px solid rgba(116,214,218,.09);background:rgba(255,255,255,.016)}.ai-run-state{width:8px;height:8px;border-radius:50%;background:#7b8f9a}.ai-run-state.ok{background:#5de4dc;box-shadow:0 0 13px rgba(93,228,220,.42)}.ai-run-state.bad{background:#ff7272}.ai-history-list b,.ai-history-list small{display:block}.ai-history-list b{font-size:10px}.ai-history-list small{margin-top:2px;font-size:8.5px;color:#7899a9}.ai-history-list em{font-style:normal;text-transform:uppercase;font-size:8px;color:#91afbb}.ai-history-list strong{font-size:9px;color:#c8dce3}
@keyframes aiPulse{0%,100%{opacity:.65;transform:scale(.88)}50%{opacity:1;transform:scale(1.1)}}@keyframes aiOrbit{to{transform:rotate(360deg)}}
html[data-theme="clear-operations"] body.sn-tech-ui .ai-command-hero{background:radial-gradient(circle at 78% 28%,rgba(141,124,255,.09),transparent 30%),linear-gradient(120deg,#fff,#eefafa 58%,#f2efff)!important;border-color:rgba(24,101,119,.13)!important}.clear-operations .ai-command-copy>p:not(.eyebrow),html[data-theme="clear-operations"] .ai-role-focus{color:#587487}.clear-operations .ai-answer{background:#fff;color:#25485b;border-color:rgba(24,101,119,.12)}html[data-theme="clear-operations"] .ai-preset{background:#fff;color:#36596b;border-color:rgba(24,101,119,.12)}
html[data-theme="high-contrast"] body.sn-tech-ui .ai-command-hero,html[data-theme="high-contrast"] body.sn-tech-ui .ai-prompt-panel,html[data-theme="high-contrast"] body.sn-tech-ui .ai-guardrail-panel,html[data-theme="high-contrast"] body.sn-tech-ui .ai-result-panel,html[data-theme="high-contrast"] body.sn-tech-ui .ai-history-panel{background:#fff!important;color:#071d35!important;border:2px solid #071d35!important;box-shadow:none!important}html[data-theme="high-contrast"] .ai-answer{background:#fff!important;color:#071d35!important;border:2px solid #071d35!important}
@media(max-width:1120px){.ai-command-hero{grid-template-columns:1fr}.ai-core{display:none}.ai-workspace-grid{grid-template-columns:1fr}.ai-status-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.ai-command-hero{padding:20px;border-radius:20px!important}.ai-command-copy h2{font-size:30px}.ai-status-grid{grid-template-columns:1fr}.ai-prompt-footer{align-items:stretch;flex-direction:column}.ai-prompt-footer .primary{justify-content:center;width:100%}.ai-history-list article{grid-template-columns:9px minmax(0,1fr) auto}.ai-history-list strong{grid-column:2}.ai-result-meta{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.ai-pulse,.ai-core>i{animation:none}}

/* SafeNavis V6.0.30 · compact command header + tablet/mobile normalization */
body.sn-tech-ui .top-title-pro{min-width:0;display:flex;align-items:center;flex:1 1 auto}
body.sn-tech-ui .top-title-pro h1{min-width:0;margin:0!important;font-size:clamp(20px,1.75vw,28px)!important;line-height:1.05!important;letter-spacing:-.72px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.sn-tech-ui .top-title-pro.is-dashboard h1{
  position:relative;
  font-size:clamp(19px,1.9vw,29px)!important;
  font-weight:900!important;
  letter-spacing:-.9px!important;
  background:linear-gradient(92deg,#f2ffff 0%,#83f4ed 48%,#b3a9ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgba(93,228,220,.16));
}
body.sn-tech-ui .top-title-pro.is-dashboard:before{content:"";width:7px;height:26px;flex:0 0 7px;margin-right:10px;border-radius:99px;background:linear-gradient(180deg,var(--tech-cyan),var(--tech-violet));box-shadow:0 0 18px rgba(93,228,220,.42)}
html[data-theme="clear-operations"] body.sn-tech-ui .top-title-pro.is-dashboard h1{background:linear-gradient(92deg,#153c50,#168c91 55%,#6254b6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
html[data-theme="high-contrast"] body.sn-tech-ui .top-title-pro.is-dashboard h1{background:none;color:#071d35;filter:none}
html[data-theme="high-contrast"] body.sn-tech-ui .top-title-pro.is-dashboard:before{background:#071d35;box-shadow:none}

/* Keep every right-hand workspace inside the viewport on touch layouts. */
body.sn-tech-ui .main,body.sn-tech-ui .main>*,body.sn-tech-ui .panel,body.sn-tech-ui .glass{min-width:0}
body.sn-tech-ui .main img,body.sn-tech-ui .main svg,body.sn-tech-ui .main canvas{max-width:100%}
body.sn-tech-ui .main table{max-width:100%}
body.sn-tech-ui .main .table-wrap,body.sn-tech-ui .main .yp-table-wrap,body.sn-tech-ui .main .report-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:1099px){
  body.sn-tech-ui .topbar.topbar-pro{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px 12px!important}
  body.sn-tech-ui .mobile-nav-toggle{grid-column:1;grid-row:1}
  body.sn-tech-ui .top-title-pro{grid-column:2;grid-row:1;min-height:44px}
  body.sn-tech-ui .top-actions{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
  body.sn-tech-ui .top-title-pro h1{font-size:clamp(19px,3vw,25px)!important}
  body.sn-tech-ui .metric-grid,body.sn-tech-ui .report-metrics,body.sn-tech-ui .v5-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.sn-tech-ui .dashboard-grid,body.sn-tech-ui .module-grid,body.sn-tech-ui .report-layout,body.sn-tech-ui .task-management-grid{grid-template-columns:1fr!important}
}

@media(min-width:761px) and (max-width:1099px){
  body.sn-tech-ui .main{padding:18px 18px 42px!important}
  body.sn-tech-ui .topbar.topbar-pro{padding:12px 14px!important;border-radius:18px!important}
  body.sn-tech-ui .top-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:stretch!important}
  body.sn-tech-ui .top-actions>.top-utility-cluster{flex:0 0 auto}
  body.sn-tech-ui .top-actions>.vessel-select{flex:1 1 230px;max-width:360px}
  body.sn-tech-ui .top-actions>.profile{flex:0 1 auto;max-width:240px}
  body.sn-tech-ui .panel,body.sn-tech-ui .glass{scroll-margin-top:82px}
}

@media(max-width:760px){
  body.sn-tech-ui .main{padding:12px 11px 34px!important}
  body.sn-tech-ui .topbar.topbar-pro{margin:0 0 14px!important;padding:10px!important;border-radius:16px!important}
  body.sn-tech-ui .top-title-pro{min-height:42px}
  body.sn-tech-ui .top-title-pro h1{font-size:clamp(17px,5.2vw,22px)!important;letter-spacing:-.45px!important}
  body.sn-tech-ui .top-title-pro.is-dashboard h1{font-size:clamp(17px,5vw,21px)!important}
  body.sn-tech-ui .top-title-pro.is-dashboard:before{width:5px;height:22px;flex-basis:5px;margin-right:8px}
  body.sn-tech-ui .top-actions{gap:6px!important}
  body.sn-tech-ui .content-title h2,body.sn-tech-ui .report-hero h2{font-size:clamp(22px,7vw,28px)!important}
  body.sn-tech-ui .panel,body.sn-tech-ui .glass{border-radius:16px!important}
  body.sn-tech-ui .panel{padding:15px!important}
  body.sn-tech-ui .metric-grid,body.sn-tech-ui .report-metrics,body.sn-tech-ui .v5-kpi-grid{gap:8px!important}
  body.sn-tech-ui .metric-card,body.sn-tech-ui .report-metrics article{min-height:0!important;padding:13px!important}
  body.sn-tech-ui .metric-card strong,body.sn-tech-ui .report-metrics strong{font-size:24px!important}
  body.sn-tech-ui .sn-dialog .dialog-shell,body.sn-tech-ui .photo-dialog .photo-form{overscroll-behavior:contain}
}

@media(max-width:430px){
  body.sn-tech-ui .top-title-pro h1,body.sn-tech-ui .top-title-pro.is-dashboard h1{font-size:17px!important}
  body.sn-tech-ui .metric-grid,body.sn-tech-ui .report-metrics,body.sn-tech-ui .v5-kpi-grid{grid-template-columns:1fr 1fr!important}
  body.sn-tech-ui .panel-head{gap:8px!important}
  body.sn-tech-ui .panel-head h3{font-size:16px!important}
}

/* SafeNavis V6.0.31 · unified command heroes + light theme repair */
body.sn-tech-ui .topbar-pro{justify-content:flex-end!important}
body.sn-tech-ui .topbar-pro>.top-actions{margin-left:auto!important;max-width:100%}

/* Shared right-workspace command header language */
.sn-page-hero,
body.sn-tech-ui .content-title,
body.sn-tech-ui .hero,
body.sn-tech-ui .intelligence-hero,
body.sn-tech-ui .report-hero,
body.sn-tech-ui .help6-hero,
body.sn-tech-ui .integration-command-hero,
body.sn-tech-ui .dbu-hero,
body.sn-tech-ui .ai-command-hero{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(101,229,223,.19)!important;
  background:
    radial-gradient(circle at 83% 30%,rgba(91,233,224,.135),transparent 27%),
    radial-gradient(circle at 68% 118%,rgba(142,120,255,.14),transparent 32%),
    linear-gradient(118deg,rgba(4,31,48,.97),rgba(7,46,64,.91) 54%,rgba(20,29,66,.88))!important;
  box-shadow:0 28px 84px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045)!important;
}
.sn-page-hero:before,
body.sn-tech-ui .content-title:after,
body.sn-tech-ui .hero:after,
body.sn-tech-ui .intelligence-hero:after,
body.sn-tech-ui .report-hero:after,
body.sn-tech-ui .help6-hero:after,
body.sn-tech-ui .integration-command-hero:after,
body.sn-tech-ui .dbu-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(104,225,225,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(104,225,225,.032) 1px,transparent 1px);
  background-size:28px 28px;mask-image:linear-gradient(90deg,#000 0,#000 58%,transparent 94%)
}
.sn-page-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:22px;align-items:center;padding:28px 32px;margin-bottom:16px;min-height:235px}
.sn-page-hero-copy{position:relative;z-index:2;min-width:0}.sn-page-hero-copy h2{margin:8px 0 11px;font-size:clamp(32px,3.55vw,50px);line-height:1.02;letter-spacing:-.038em;max-width:900px}.sn-page-hero-copy>p:not(.eyebrow){margin:0;max-width:900px;color:#9fb9c6;font-size:12px;line-height:1.67}.sn-page-pulse{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--tech-cyan);box-shadow:0 0 0 5px rgba(87,241,231,.075),0 0 20px rgba(87,241,231,.58)}
.sn-page-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.sn-page-chips span{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(111,220,222,.15);background:rgba(2,20,33,.42);color:#d5edf2;font-size:9.5px;font-weight:800;letter-spacing:.03em}.sn-page-chips span:before{content:"";width:7px;height:7px;margin-right:7px;border-radius:50%;border:1px solid rgba(87,241,231,.34)}
.sn-page-core{position:relative;z-index:2;min-height:190px;display:grid;place-items:center}.sn-page-core>div{position:relative;z-index:3;width:112px;height:112px;border-radius:31px;display:grid;place-items:center;align-content:center;gap:3px;border:1px solid rgba(93,228,220,.30);background:linear-gradient(145deg,rgba(7,48,67,.94),rgba(24,28,71,.91));box-shadow:0 0 0 9px rgba(93,228,220,.035),0 26px 60px rgba(0,0,0,.28),inset 0 0 26px rgba(93,228,220,.07)}.sn-page-core>div b{font-size:15px;letter-spacing:.18em}.sn-page-core>div small{font-size:7px;letter-spacing:.16em;color:#879eaa}.sn-page-core>i{position:absolute;border:1px solid rgba(93,228,220,.15);border-radius:50%}.sn-page-core>i:nth-child(1){width:150px;height:150px}.sn-page-core>i:nth-child(2){width:190px;height:190px;border-color:rgba(141,124,255,.14)}.sn-page-core>i:nth-child(3){width:225px;height:225px;border-style:dashed}

/* Existing page titles receive the same command-card geometry without losing their action buttons. */
body.sn-tech-ui .content-title{min-height:205px!important;padding:28px 30px!important;align-items:center!important;isolation:isolate}
body.sn-tech-ui .content-title>*{position:relative;z-index:2}
body.sn-tech-ui .content-title:before{content:""!important;position:absolute!important;right:7%!important;top:50%!important;transform:translateY(-50%)!important;width:184px!important;height:184px!important;border-radius:50%!important;border:1px dashed rgba(93,228,220,.14)!important;background:radial-gradient(circle,rgba(93,228,220,.055),transparent 59%)!important;z-index:0!important}
body.sn-tech-ui .content-title h2{font-size:clamp(31px,3.25vw,47px)!important;line-height:1.03!important;letter-spacing:-.038em!important;max-width:820px!important}
body.sn-tech-ui .content-title p:not(.eyebrow){max-width:920px!important;color:#9fb9c6!important;line-height:1.62!important}
body.sn-tech-ui .content-title>.primary,body.sn-tech-ui .content-title>.secondary,body.sn-tech-ui .content-title>.title-actions{align-self:flex-end!important;z-index:3}
body.sn-tech-ui .hero,body.sn-tech-ui .intelligence-hero,body.sn-tech-ui .report-hero,body.sn-tech-ui .help6-hero,body.sn-tech-ui .integration-command-hero,body.sn-tech-ui .dbu-hero{min-height:230px}

/* CLEAR OPERATIONS: remove every dark residual surface from navigation and actions. */
html[data-theme="clear-operations"] body.sn-tech-ui{--tech-panel:rgba(255,255,255,.94);--tech-panel-2:rgba(244,250,251,.95);--tech-panel-3:rgba(236,247,249,.92);--tech-line:rgba(24,101,119,.13);--tech-line-strong:rgba(24,139,148,.28);--tech-shadow:0 22px 62px rgba(35,79,94,.11),inset 0 1px rgba(255,255,255,.94);--tech-shadow-soft:0 12px 34px rgba(35,79,94,.08),inset 0 1px rgba(255,255,255,.92)}
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar{background:linear-gradient(180deg,rgba(248,252,253,.99),rgba(238,247,249,.98))!important;border-right-color:rgba(24,101,119,.12)!important;box-shadow:14px 0 45px rgba(48,88,102,.08)!important;color:#17384d!important}
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar:after{background:linear-gradient(#2fc7c0,transparent)!important;opacity:.38}
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .brand{background:linear-gradient(145deg,#fff,#edf8f8 55%,#f3f1ff)!important;border-color:rgba(24,123,135,.16)!important;box-shadow:0 13px 34px rgba(44,87,101,.09),inset 0 1px #fff!important}
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .brand:after{background:radial-gradient(ellipse,rgba(46,195,187,.12),transparent 65%)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .side-label{color:#168d90!important}
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .nav-priority>a,
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .nav-group>summary,
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .nav-group-links>a,
html[data-theme="clear-operations"] body.sn-tech-ui .side-bottom>a{color:#3d6071!important;background:transparent!important;border-color:transparent!important}
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .nav-priority>a:hover,
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .nav-priority>a.active,
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .nav-group>summary:hover,
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .nav-group.active>summary,
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .nav-group-links>a:hover,
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .nav-group-links>a.active,
html[data-theme="clear-operations"] body.sn-tech-ui .side-bottom>a:hover{color:#143c50!important;background:linear-gradient(100deg,rgba(40,188,182,.12),rgba(89,141,221,.055),rgba(132,111,221,.05))!important;border-color:rgba(33,142,150,.13)!important;box-shadow:inset 3px 0 0 rgba(34,181,176,.72),0 8px 22px rgba(46,92,105,.06)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .nav-group[open],html[data-theme="clear-operations"] body.sn-tech-ui .nav-group.active{background:rgba(255,255,255,.55)!important;border-color:rgba(30,120,133,.08)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .sn-icon{color:#168f91!important}
html[data-theme="clear-operations"] body.sn-tech-ui .nav-group-links{border-left-color:rgba(30,120,133,.12)!important}

html[data-theme="clear-operations"] body.sn-tech-ui .topbar-pro{background:linear-gradient(135deg,rgba(255,255,255,.975),rgba(239,248,250,.97))!important;border-color:rgba(24,101,119,.12)!important;box-shadow:0 14px 36px rgba(43,91,104,.09),inset 0 1px #fff!important}
html[data-theme="clear-operations"] body.sn-tech-ui .top-utility-cluster,
html[data-theme="clear-operations"] body.sn-tech-ui .system-status,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-select,
html[data-theme="clear-operations"] body.sn-tech-ui .profile-button{background:rgba(255,255,255,.86)!important;border-color:rgba(24,101,119,.12)!important;box-shadow:0 6px 18px rgba(43,91,104,.06),inset 0 1px #fff!important;color:#17384d!important}
html[data-theme="clear-operations"] body.sn-tech-ui .system-status b,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-select span,
html[data-theme="clear-operations"] body.sn-tech-ui .profile-button b{color:#17384d!important}
html[data-theme="clear-operations"] body.sn-tech-ui .system-status small,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-select small,
html[data-theme="clear-operations"] body.sn-tech-ui .profile-button small{color:#648092!important}

html[data-theme="clear-operations"] body.sn-tech-ui .secondary,
html[data-theme="clear-operations"] body.sn-tech-ui .ghost,
html[data-theme="clear-operations"] body.sn-tech-ui .filter,
html[data-theme="clear-operations"] body.sn-tech-ui .language-toggle,
html[data-theme="clear-operations"] body.sn-tech-ui .mobile-nav-toggle,
html[data-theme="clear-operations"] body.sn-tech-ui .row-more{background:linear-gradient(145deg,#fff,#eff7f9)!important;border:1px solid rgba(24,101,119,.14)!important;color:#244b5f!important;box-shadow:0 5px 14px rgba(43,91,104,.055)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .secondary:hover,
html[data-theme="clear-operations"] body.sn-tech-ui .ghost:hover,
html[data-theme="clear-operations"] body.sn-tech-ui .filter:hover{background:#e8f7f6!important;border-color:rgba(22,149,151,.28)!important;color:#123c4e!important;box-shadow:0 0 0 3px rgba(34,183,177,.07)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .primary{background:linear-gradient(105deg,#41d8cf,#77ece5)!important;color:#073347!important;border-color:transparent!important;box-shadow:0 9px 22px rgba(46,192,185,.16)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .danger-action{background:linear-gradient(135deg,#e84f5f,#ff7a86)!important;color:#fff!important}

html[data-theme="clear-operations"] body.sn-tech-ui .glass,
html[data-theme="clear-operations"] body.sn-tech-ui .panel,
html[data-theme="clear-operations"] body.sn-tech-ui .v5-panel,
html[data-theme="clear-operations"] body.sn-tech-ui .task-card,
html[data-theme="clear-operations"] body.sn-tech-ui .metric-card,
html[data-theme="clear-operations"] body.sn-tech-ui .assignment-mini,
html[data-theme="clear-operations"] body.sn-tech-ui .task-summary-card,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-card,
html[data-theme="clear-operations"] body.sn-tech-ui .profile-stat,
html[data-theme="clear-operations"] body.sn-tech-ui .company-toolbar,
html[data-theme="clear-operations"] body.sn-tech-ui .record,
html[data-theme="clear-operations"] body.sn-tech-ui .workflow-row,
html[data-theme="clear-operations"] body.sn-tech-ui .task-board-row,
html[data-theme="clear-operations"] body.sn-tech-ui .suggestion-row,
html[data-theme="clear-operations"] body.sn-tech-ui .equipment-row,
html[data-theme="clear-operations"] body.sn-tech-ui .company-admin-row,
html[data-theme="clear-operations"] body.sn-tech-ui .platform-vessel-admin-row,
html[data-theme="clear-operations"] body.sn-tech-ui .v5-list>div,
html[data-theme="clear-operations"] body.sn-tech-ui .v52-form,
html[data-theme="clear-operations"] body.sn-tech-ui .ai-guardrail-list>div,
html[data-theme="clear-operations"] body.sn-tech-ui .ai-question,
html[data-theme="clear-operations"] body.sn-tech-ui .ai-history-list article{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,248,250,.92))!important;border-color:rgba(24,101,119,.11)!important;color:#17384d!important;box-shadow:0 10px 28px rgba(43,91,104,.065)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .dialog-shell,
html[data-theme="clear-operations"] body.sn-tech-ui .sn-operation-window,
html[data-theme="clear-operations"] body.sn-tech-ui .sn-toast-window{background:linear-gradient(145deg,#fff,#edf8fa 62%,#f4f2ff)!important;color:#17384d!important;border-color:rgba(24,101,119,.16)!important;box-shadow:0 28px 75px rgba(38,76,91,.19),inset 0 1px #fff!important}
html[data-theme="clear-operations"] body.sn-tech-ui code{background:#eef7f8!important;color:#176b73!important;border-color:rgba(24,101,119,.12)!important}
html[data-theme="clear-operations"] body.sn-tech-ui th{color:#567587!important}html[data-theme="clear-operations"] body.sn-tech-ui td{background:rgba(255,255,255,.84)!important;border-color:rgba(24,101,119,.08)!important;color:#24485b!important}
html[data-theme="clear-operations"] body.sn-tech-ui .main label>span{color:#587688!important}
html[data-theme="clear-operations"] body.sn-tech-ui .badge{background:rgba(28,177,170,.08)!important;color:#167d7e!important;border-color:rgba(24,137,142,.13)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .ai-scope-chips span,
html[data-theme="clear-operations"] body.sn-tech-ui .sn-page-chips span{background:rgba(255,255,255,.76)!important;color:#315669!important;border-color:rgba(24,101,119,.12)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .ai-core>div,
html[data-theme="clear-operations"] body.sn-tech-ui .sn-page-core>div{background:linear-gradient(145deg,#ecf9f9,#eeeefe)!important;border-color:rgba(33,144,151,.20)!important;color:#17384d!important;box-shadow:0 0 0 9px rgba(29,175,169,.035),0 20px 48px rgba(43,91,104,.10)!important}

html[data-theme="clear-operations"] .sn-page-hero,
html[data-theme="clear-operations"] body.sn-tech-ui .content-title,
html[data-theme="clear-operations"] body.sn-tech-ui .hero,
html[data-theme="clear-operations"] body.sn-tech-ui .intelligence-hero,
html[data-theme="clear-operations"] body.sn-tech-ui .report-hero,
html[data-theme="clear-operations"] body.sn-tech-ui .help6-hero,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-command-hero,
html[data-theme="clear-operations"] body.sn-tech-ui .dbu-hero,
html[data-theme="clear-operations"] body.sn-tech-ui .ai-command-hero{background:radial-gradient(circle at 82% 24%,rgba(98,212,205,.12),transparent 28%),radial-gradient(circle at 68% 118%,rgba(139,123,255,.08),transparent 31%),linear-gradient(118deg,#fff,#eefafa 58%,#f3f1ff)!important;border-color:rgba(24,101,119,.13)!important;box-shadow:0 22px 58px rgba(43,91,104,.10),inset 0 1px #fff!important;color:#17384d!important}
html[data-theme="clear-operations"] .sn-page-hero-copy>p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .content-title p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .hero p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .intelligence-hero p,
html[data-theme="clear-operations"] body.sn-tech-ui .report-hero p:not(.eyebrow){color:#587688!important}

/* Database Update light surfaces */
html[data-theme="clear-operations"] .dbu-state,
html[data-theme="clear-operations"] .dbu-note,
html[data-theme="clear-operations"] .dbu-backup-col{background:rgba(255,255,255,.72)!important;border-color:rgba(24,101,119,.12)!important;color:#24485b!important}
html[data-theme="clear-operations"] .dbu-two-col summary,
html[data-theme="clear-operations"] .dbu-row,
html[data-theme="clear-operations"] .dbu-update-row,
html[data-theme="clear-operations"] .dbu-backup-row{border-color:rgba(24,101,119,.09)!important}

/* HIGH CONTRAST is also a light theme: keep navigation/buttons white rather than legacy dark. */
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar,html[data-theme="high-contrast"] body.sn-tech-ui .topbar-pro{background:#fff!important;color:#071d35!important;border-color:#071d35!important;box-shadow:none!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-priority>a,html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group>summary,html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group-links>a,html[data-theme="high-contrast"] body.sn-tech-ui .side-bottom>a{color:#071d35!important;background:#fff!important;border-color:transparent!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-priority>a.active,html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group.active>summary,html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group-links>a.active{background:#e8ffff!important;border:2px solid #071d35!important;box-shadow:none!important}
html[data-theme="high-contrast"] body.sn-tech-ui .secondary,html[data-theme="high-contrast"] body.sn-tech-ui .ghost,html[data-theme="high-contrast"] body.sn-tech-ui .filter{background:#fff!important;color:#071d35!important;border:2px solid #071d35!important;box-shadow:none!important}

@media(max-width:1120px){
  .sn-page-hero{grid-template-columns:1fr;min-height:0}.sn-page-core{display:none}
  body.sn-tech-ui .content-title:before{opacity:.35!important;right:-40px!important}
}
@media(max-width:760px){
  body.sn-tech-ui .topbar-pro{justify-content:space-between!important}
  body.sn-tech-ui .topbar-pro>.top-actions{margin-left:0!important}
  .sn-page-hero{padding:21px 18px;border-radius:20px!important}.sn-page-hero-copy h2{font-size:30px}
  body.sn-tech-ui .content-title{min-height:0!important;padding:21px 18px!important;border-radius:20px!important;align-items:stretch!important;flex-direction:column!important}
  body.sn-tech-ui .content-title:before{display:none!important}
  body.sn-tech-ui .content-title h2{font-size:30px!important}
  body.sn-tech-ui .content-title>.primary,body.sn-tech-ui .content-title>.secondary,body.sn-tech-ui .content-title>.title-actions{align-self:stretch!important}
  body.sn-tech-ui .content-title>.primary,body.sn-tech-ui .content-title>.secondary{width:100%!important}
}
html[data-theme="high-contrast"] .sn-page-hero,
html[data-theme="high-contrast"] body.sn-tech-ui .content-title,
html[data-theme="high-contrast"] body.sn-tech-ui .hero,
html[data-theme="high-contrast"] body.sn-tech-ui .intelligence-hero,
html[data-theme="high-contrast"] body.sn-tech-ui .report-hero,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-hero{background:#fff!important;color:#071d35!important;border:2px solid #071d35!important;box-shadow:none!important}
html[data-theme="high-contrast"] .sn-page-chips span{background:#fff!important;color:#071d35!important;border:2px solid #071d35!important}
html[data-theme="high-contrast"] .sn-page-core>div{background:#fff!important;color:#071d35!important;border:2px solid #071d35!important;box-shadow:none!important}


/* SafeNavis V6.0.32 · hero coverage, card modernization, light-logo sync */
body.sn-tech-ui .brand img{display:block;max-width:100%;height:auto}
body.sn-tech-ui .sidebar .brand img{filter:drop-shadow(0 8px 20px rgba(5,23,38,.14))}
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .brand img,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand img{filter:none}

/* Make command headings more compact so long Turkish titles remain single-line on desktop. */
body.sn-tech-ui .content-title h2,
body.sn-tech-ui .hero h2,
body.sn-tech-ui .intelligence-hero h2,
body.sn-tech-ui .report-hero h2,
body.sn-tech-ui .help6-hero h2,
body.sn-tech-ui .dbu-hero h2,
body.sn-tech-ui .ai-command-hero h2,
body.sn-tech-ui .integration-command-copy h2,
.sn-page-hero-copy h2{
  font-size:clamp(27px,2.55vw,41px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}
@media (min-width:961px){
  body.sn-tech-ui .content-title h2,
  body.sn-tech-ui .hero h2,
  body.sn-tech-ui .intelligence-hero h2,
  body.sn-tech-ui .report-hero h2,
  body.sn-tech-ui .help6-hero h2,
  body.sn-tech-ui .dbu-hero h2,
  body.sn-tech-ui .ai-command-hero h2,
  body.sn-tech-ui .integration-command-copy h2,
  .sn-page-hero-copy h2{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* Extend the Unified Command Hero feel to right-column platform command pages. */
body.sn-tech-ui .v5-panel>.panel-head:first-child,
body.sn-tech-ui .platform-vessel-registry>.platform-vessel-head,
body.sn-tech-ui .company-admin-panel>.company-registry-head,
body.sn-tech-ui .dbu-actions-panel>.panel-head:first-child,
body.sn-tech-ui .help6-faq>.panel-head:first-child{
  position:relative!important;
  overflow:hidden!important;
  margin:-1px -1px 16px!important;
  padding:24px 26px!important;
  border-radius:24px!important;
  border:1px solid rgba(101,229,223,.17)!important;
  background:
    radial-gradient(circle at 83% 30%,rgba(91,233,224,.11),transparent 27%),
    radial-gradient(circle at 68% 118%,rgba(142,120,255,.12),transparent 32%),
    linear-gradient(118deg,rgba(4,31,48,.92),rgba(7,46,64,.86) 54%,rgba(20,29,66,.82))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)!important;
}
body.sn-tech-ui .v5-panel>.panel-head:first-child::after,
body.sn-tech-ui .platform-vessel-registry>.platform-vessel-head::after,
body.sn-tech-ui .company-admin-panel>.company-registry-head::after,
body.sn-tech-ui .dbu-actions-panel>.panel-head:first-child::after,
body.sn-tech-ui .help6-faq>.panel-head:first-child::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(104,225,225,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(104,225,225,.03) 1px,transparent 1px);
  background-size:28px 28px;mask-image:linear-gradient(90deg,#000 0,#000 58%,transparent 94%);
}
body.sn-tech-ui .v5-panel>.panel-head:first-child>* ,
body.sn-tech-ui .platform-vessel-registry>.platform-vessel-head>* ,
body.sn-tech-ui .company-admin-panel>.company-registry-head>* ,
body.sn-tech-ui .dbu-actions-panel>.panel-head:first-child>* ,
body.sn-tech-ui .help6-faq>.panel-head:first-child>*{position:relative;z-index:2}
body.sn-tech-ui .v5-panel>.panel-head:first-child h3,
body.sn-tech-ui .platform-vessel-head h3,
body.sn-tech-ui .company-registry-head h3,
body.sn-tech-ui .dbu-actions-panel>.panel-head:first-child h3,
body.sn-tech-ui .help6-faq>.panel-head:first-child h3{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.08!important;letter-spacing:-.03em!important}
body.sn-tech-ui .v5-panel>.panel-head:first-child p:not(.eyebrow),
body.sn-tech-ui .platform-vessel-head p:not(.eyebrow),
body.sn-tech-ui .company-registry-head p:not(.eyebrow),
body.sn-tech-ui .dbu-actions-panel>.panel-head:first-child p:not(.eyebrow),
body.sn-tech-ui .help6-faq>.panel-head:first-child p:not(.eyebrow){color:#9fb9c6!important;max-width:980px!important}
body.sn-tech-ui .v5-panel>.panel-head:first-child>.badge,
body.sn-tech-ui .platform-vessel-registry>.platform-vessel-head>.badge,
body.sn-tech-ui .company-admin-panel>.company-registry-head>.badge{align-self:flex-start}

/* Modern technology cards for fleet/yacht/crew rows. */
body.sn-tech-ui .platform-vessel-admin-list,
body.sn-tech-ui .crew-grid{gap:16px!important}
body.sn-tech-ui .platform-vessel-admin-row,
body.sn-tech-ui .crew-card,
body.sn-tech-ui .vessel-card,
body.sn-tech-ui .company-admin-row{
  position:relative!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(98,225,223,.15)!important;
  background:
    radial-gradient(circle at 88% 14%,rgba(88,233,223,.08),transparent 24%),
    linear-gradient(115deg,rgba(6,33,51,.95),rgba(7,48,68,.91) 58%,rgba(22,33,66,.88))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)!important;
}
body.sn-tech-ui .platform-vessel-admin-row::before,
body.sn-tech-ui .crew-card::before,
body.sn-tech-ui .vessel-card::before,
body.sn-tech-ui .company-admin-row::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 22%);
}
body.sn-tech-ui .platform-vessel-admin-row.selected,
body.sn-tech-ui .vessel-card.selected{border-color:rgba(87,241,231,.42)!important;box-shadow:0 0 0 1px rgba(87,241,231,.16),0 22px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05)!important}
body.sn-tech-ui .platform-vessel-admin-main,
body.sn-tech-ui .company-admin-main{align-items:center!important}
body.sn-tech-ui .vessel-mini,
body.sn-tech-ui .vessel-card-icon,
body.sn-tech-ui .crew-avatar,
body.sn-tech-ui .company-mini{
  border-radius:22px!important;
  border:1px solid rgba(93,228,220,.22)!important;
  background:linear-gradient(145deg,rgba(63,220,214,.22),rgba(134,118,255,.18))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03),0 16px 36px rgba(0,0,0,.2)!important;
}
body.sn-tech-ui .platform-vessel-admin-main b,
body.sn-tech-ui .crew-card h3,
body.sn-tech-ui .vessel-card h3,
body.sn-tech-ui .company-admin-main b{font-size:clamp(17px,1.25vw,22px)!important;line-height:1.08!important;letter-spacing:-.025em!important}
body.sn-tech-ui .platform-vessel-admin-main small,
body.sn-tech-ui .platform-vessel-admin-id small,
body.sn-tech-ui .crew-card-head p,
body.sn-tech-ui .vessel-card p:not(.eyebrow),
body.sn-tech-ui .company-admin-main small,
body.sn-tech-ui .company-admin-defaults small,
body.sn-tech-ui .company-admin-defaults span,
body.sn-tech-ui .vessel-card small{color:#9bb6c3!important}
body.sn-tech-ui .platform-vessel-admin-id b,
body.sn-tech-ui .company-admin-defaults b{font-size:18px!important;line-height:1.1!important}
body.sn-tech-ui .platform-vessel-admin-actions,
body.sn-tech-ui .vessel-card-actions,
body.sn-tech-ui .crew-foot-actions,
body.sn-tech-ui .company-admin-actions{gap:10px!important}
body.sn-tech-ui .platform-vessel-admin-actions .link-button,
body.sn-tech-ui .platform-vessel-admin-actions button,
body.sn-tech-ui .vessel-card-actions .link-button,
body.sn-tech-ui .vessel-card-actions button,
body.sn-tech-ui .crew-foot-actions button,
body.sn-tech-ui .company-admin-actions button,
body.sn-tech-ui .company-admin-actions form button{
  min-height:44px!important;
  border-radius:16px!important;
  padding:0 16px!important;
}
body.sn-tech-ui .platform-vessel-admin-state,
body.sn-tech-ui .company-admin-state,
body.sn-tech-ui .crew-card-head>.badge{align-self:center!important}

/* Better status chips: license and active state should look intentional. */
body.sn-tech-ui .vessel-license-badge,
body.sn-tech-ui .crew-card .badge,
body.sn-tech-ui .company-admin-state .badge,
body.sn-tech-ui .platform-vessel-admin-state small,
body.sn-tech-ui .source-state,
body.sn-tech-ui .dbu-pill,
body.sn-tech-ui .badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(93,228,220,.18)!important;
  background:linear-gradient(145deg,rgba(9,86,93,.42),rgba(9,42,66,.28))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.14)!important;
  color:#e6ffff!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
body.sn-tech-ui .vessel-license-badge::before,
body.sn-tech-ui .crew-card .badge::before,
body.sn-tech-ui .company-admin-state .badge::before,
body.sn-tech-ui .platform-vessel-admin-state small::before,
body.sn-tech-ui .source-state::before,
body.sn-tech-ui .dbu-pill::before,
body.sn-tech-ui .badge::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.85;box-shadow:0 0 0 4px rgba(87,241,231,.08)}
body.sn-tech-ui .badge.danger,
body.sn-tech-ui .vessel-license-badge.expired,
body.sn-tech-ui .dbu-pill.pending,
body.sn-tech-ui .dbu-pill.error{background:linear-gradient(145deg,rgba(120,25,44,.42),rgba(77,18,31,.32))!important;color:#ff8d98!important;border-color:rgba(255,104,117,.22)!important}
body.sn-tech-ui .badge.amber,
body.sn-tech-ui .vessel-license-badge.warning,
body.sn-tech-ui .dbu-pill.ready{background:linear-gradient(145deg,rgba(116,73,11,.42),rgba(78,48,13,.28))!important;color:#ffc369!important;border-color:rgba(255,184,89,.22)!important}
body.sn-tech-ui .badge.teal,
body.sn-tech-ui .company-admin-state .badge,
body.sn-tech-ui .platform-vessel-admin-state small,
body.sn-tech-ui .source-state,
body.sn-tech-ui .vessel-license-badge.ok,
body.sn-tech-ui .vessel-license-badge.active,
body.sn-tech-ui .dbu-pill.applied{background:linear-gradient(145deg,rgba(6,99,95,.44),rgba(9,54,66,.28))!important;color:#66f5eb!important;border-color:rgba(87,241,231,.22)!important}
body.sn-tech-ui .platform-vessel-admin-state{justify-items:start!important;gap:10px!important}
body.sn-tech-ui .platform-vessel-admin-state small{margin:0!important}
body.sn-tech-ui .crew-card-head{align-items:flex-start!important;gap:16px!important}
body.sn-tech-ui .crew-card .badge{justify-self:end!important;align-self:start!important}
body.sn-tech-ui .crew-contact{padding:14px 0 10px;margin:16px 0 12px!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
body.sn-tech-ui .crew-contact a,
body.sn-tech-ui .crew-contact span{min-height:42px;border:1px solid rgba(93,228,220,.11);border-radius:15px;padding:0 13px;background:rgba(255,255,255,.03)}
body.sn-tech-ui .crew-foot{padding-top:14px!important;border-top:1px solid rgba(255,255,255,.07)!important}
body.sn-tech-ui .crew-foot span{max-width:none!important}

/* Database update accordions: start collapsed and align header heights. */
body.sn-tech-ui .dbu-two-col{align-items:start!important}
body.sn-tech-ui .dbu-two-col details{min-height:0!important}
body.sn-tech-ui .dbu-two-col summary{
  min-height:88px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px!important;
  align-items:center!important;
  padding:20px 22px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(7,43,61,.78),rgba(8,31,49,.68))!important;
  border:1px solid rgba(93,228,220,.12)!important;
}
body.sn-tech-ui .dbu-two-col details[open] summary{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
body.sn-tech-ui .dbu-two-col summary i{font-style:normal!important;font-size:20px!important;line-height:1!important;transition:transform .2s ease,color .2s ease}
body.sn-tech-ui .dbu-two-col details[open] summary i{transform:rotate(45deg)!important;color:var(--tech-cyan)!important}
body.sn-tech-ui .dbu-two-col .dbu-list{padding-top:8px!important}

/* Light themes: keep the modernized structure bright and readable. */
html[data-theme="clear-operations"] body.sn-tech-ui .v5-panel>.panel-head:first-child,
html[data-theme="clear-operations"] body.sn-tech-ui .platform-vessel-registry>.platform-vessel-head,
html[data-theme="clear-operations"] body.sn-tech-ui .company-admin-panel>.company-registry-head,
html[data-theme="clear-operations"] body.sn-tech-ui .dbu-actions-panel>.panel-head:first-child,
html[data-theme="clear-operations"] body.sn-tech-ui .help6-faq>.panel-head:first-child,
html[data-theme="clear-operations"] body.sn-tech-ui .platform-vessel-admin-row,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-card,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-card,
html[data-theme="clear-operations"] body.sn-tech-ui .company-admin-row{
  background:
    radial-gradient(circle at 88% 14%,rgba(88,233,223,.10),transparent 24%),
    linear-gradient(115deg,rgba(255,255,255,.96),rgba(239,248,250,.94) 58%,rgba(244,242,255,.92))!important;
  border-color:rgba(24,101,119,.12)!important;
  color:#17384d!important;
  box-shadow:0 18px 46px rgba(43,91,104,.10),inset 0 1px #fff!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .v5-panel>.panel-head:first-child p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .platform-vessel-head p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .company-registry-head p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .dbu-actions-panel>.panel-head:first-child p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .help6-faq>.panel-head:first-child p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .platform-vessel-admin-main small,
html[data-theme="clear-operations"] body.sn-tech-ui .platform-vessel-admin-id small,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-card-head p,
html[data-theme="clear-operations"] body.sn-tech-ui .company-admin-main small,
html[data-theme="clear-operations"] body.sn-tech-ui .company-admin-defaults small,
html[data-theme="clear-operations"] body.sn-tech-ui .company-admin-defaults span,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-card p:not(.eyebrow),
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-card small{color:#5f7c8e!important}
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-mini,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-card-icon,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-avatar,
html[data-theme="clear-operations"] body.sn-tech-ui .company-mini{background:linear-gradient(145deg,#e3fbf8,#ececff)!important;border-color:rgba(24,137,142,.16)!important;box-shadow:0 12px 28px rgba(43,91,104,.08),inset 0 1px #fff!important}
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-license-badge,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-card .badge,
html[data-theme="clear-operations"] body.sn-tech-ui .company-admin-state .badge,
html[data-theme="clear-operations"] body.sn-tech-ui .platform-vessel-admin-state small,
html[data-theme="clear-operations"] body.sn-tech-ui .source-state,
html[data-theme="clear-operations"] body.sn-tech-ui .dbu-pill,
html[data-theme="clear-operations"] body.sn-tech-ui .badge{background:linear-gradient(145deg,#ffffff,#edf7f8)!important;color:#177f81!important;border-color:rgba(24,137,142,.16)!important;box-shadow:0 8px 18px rgba(43,91,104,.06),inset 0 1px #fff!important}
html[data-theme="clear-operations"] body.sn-tech-ui .badge.danger,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-license-badge.expired,
html[data-theme="clear-operations"] body.sn-tech-ui .dbu-pill.pending,
html[data-theme="clear-operations"] body.sn-tech-ui .dbu-pill.error{color:#ca4254!important;border-color:rgba(225,82,98,.20)!important;background:linear-gradient(145deg,#fff3f4,#fff)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .badge.amber,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-license-badge.warning,
html[data-theme="clear-operations"] body.sn-tech-ui .dbu-pill.ready{color:#a56700!important;border-color:rgba(212,146,37,.22)!important;background:linear-gradient(145deg,#fff8e8,#fff)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .dbu-two-col summary{background:linear-gradient(145deg,#fff,#edf8fa)!important;border-color:rgba(24,101,119,.13)!important}

html[data-theme="high-contrast"] body.sn-tech-ui .v5-panel>.panel-head:first-child,
html[data-theme="high-contrast"] body.sn-tech-ui .platform-vessel-registry>.platform-vessel-head,
html[data-theme="high-contrast"] body.sn-tech-ui .company-admin-panel>.company-registry-head,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-actions-panel>.panel-head:first-child,
html[data-theme="high-contrast"] body.sn-tech-ui .platform-vessel-admin-row,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-card,
html[data-theme="high-contrast"] body.sn-tech-ui .vessel-card,
html[data-theme="high-contrast"] body.sn-tech-ui .company-admin-row,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-two-col summary{background:#fff!important;border:2px solid #071d35!important;box-shadow:none!important;color:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .vessel-license-badge,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-card .badge,
html[data-theme="high-contrast"] body.sn-tech-ui .company-admin-state .badge,
html[data-theme="high-contrast"] body.sn-tech-ui .platform-vessel-admin-state small,
html[data-theme="high-contrast"] body.sn-tech-ui .source-state,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-pill,
html[data-theme="high-contrast"] body.sn-tech-ui .badge{background:#fff!important;border:2px solid #071d35!important;box-shadow:none!important;color:#071d35!important}

@media(max-width:960px){
  body.sn-tech-ui .v5-panel>.panel-head:first-child,
  body.sn-tech-ui .platform-vessel-registry>.platform-vessel-head,
  body.sn-tech-ui .company-admin-panel>.company-registry-head,
  body.sn-tech-ui .dbu-actions-panel>.panel-head:first-child,
  body.sn-tech-ui .help6-faq>.panel-head:first-child{padding:20px 18px!important;border-radius:20px!important}
  body.sn-tech-ui .platform-vessel-admin-row,
  body.sn-tech-ui .company-admin-row{grid-template-columns:1fr!important}
  body.sn-tech-ui .platform-vessel-admin-actions,
  body.sn-tech-ui .company-admin-actions{justify-content:flex-start!important}
}
@media(max-width:760px){
  body.sn-tech-ui .platform-vessel-admin-row,
  body.sn-tech-ui .crew-card,
  body.sn-tech-ui .vessel-card,
  body.sn-tech-ui .company-admin-row{border-radius:20px!important}
  body.sn-tech-ui .crew-card .badge{justify-self:start!important;align-self:center!important}
  body.sn-tech-ui .dbu-two-col summary{min-height:76px!important;padding:18px 16px!important}
}

/* SafeNavis V6.0.33 · second-pass right-workspace consistency */
:root{
  --sn-card-radius:22px;
  --sn-control-radius:15px;
  --sn-row-height:56px;
}
body.sn-tech-ui .main{
  --sn-workspace-gap:16px;
}
body.sn-tech-ui .main>section,
body.sn-tech-ui .main>.sn-page-hero,
body.sn-tech-ui .main>.integration-centre{
  scroll-margin-top:18px;
}
body.sn-tech-ui .platform-command-hero{margin-bottom:16px!important}
body.sn-tech-ui .platform-command-hero + .v5-panel>.panel-head:first-child{
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.sn-tech-ui .platform-command-hero + .v5-panel>.panel-head:first-child::after{display:none!important}
body.sn-tech-ui .platform-command-hero + .v5-panel>.panel-head:first-child h3{font-size:19px!important;letter-spacing:-.02em!important}
body.sn-tech-ui .platform-command-hero + .v5-panel>.panel-head:first-child p:not(.eyebrow){color:var(--muted)!important}

/* Consistent page surfaces across every right-side workspace. */
body.sn-tech-ui .panel,
body.sn-tech-ui .module-main,
body.sn-tech-ui .module-side,
body.sn-tech-ui .research-search,
body.sn-tech-ui .settings-language,
body.sn-tech-ui .crew-command,
body.sn-tech-ui .help6-quick-panel,
body.sn-tech-ui .help6-faq{
  border-radius:var(--sn-card-radius)!important;
}
body.sn-tech-ui .panel-head{align-items:center!important;gap:14px!important}
body.sn-tech-ui .panel-head>div{min-width:0!important}
body.sn-tech-ui .panel-head h3{letter-spacing:-.018em!important}
body.sn-tech-ui .panel-head p:not(.eyebrow){max-width:960px!important;line-height:1.56!important}
body.sn-tech-ui .panel-head>.badge,
body.sn-tech-ui .panel-head>.filter-badge,
body.sn-tech-ui .panel-head>.filter,
body.sn-tech-ui .panel-head>.filter-select{flex:0 0 auto!important}

/* All secondary cards use the same density and hover behavior. */
body.sn-tech-ui .metric-card,
body.sn-tech-ui .task-card,
body.sn-tech-ui .signal-card,
body.sn-tech-ui .help-card,
body.sn-tech-ui .assignment-mini,
body.sn-tech-ui .task-summary-card,
body.sn-tech-ui .v5-list>div,
body.sn-tech-ui .record,
body.sn-tech-ui .workflow-row,
body.sn-tech-ui .equipment-row,
body.sn-tech-ui .suggestion-row,
body.sn-tech-ui .research-row,
body.sn-tech-ui .integration-module,
body.sn-tech-ui .integration-endpoint,
body.sn-tech-ui .integration-source-row,
body.sn-tech-ui .theme-card{
  border-radius:18px!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease!important;
}
@media (hover:hover){
  body.sn-tech-ui .task-card:hover,
  body.sn-tech-ui .v5-list>div:hover,
  body.sn-tech-ui .record:hover,
  body.sn-tech-ui .research-row:hover,
  body.sn-tech-ui .integration-module:hover,
  body.sn-tech-ui .integration-source-row:hover,
  body.sn-tech-ui .theme-card:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(87,241,231,.24)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)!important;
  }
}

/* Operations & Safety, maintenance and compliance record screens. */
body.sn-tech-ui .module-grid{gap:16px!important;align-items:start!important}
body.sn-tech-ui .module-main{min-width:0!important}
body.sn-tech-ui .module-side{position:sticky!important;top:16px!important}
body.sn-tech-ui .card-record{min-height:64px!important;padding:13px 12px!important;border-radius:16px!important}
body.sn-tech-ui .module-side .radar{margin:18px auto!important}
body.sn-tech-ui .module-side .side-stat{border-radius:15px!important}

/* Task / form / reporting density normalization. */
body.sn-tech-ui .task-card-grid,
body.sn-tech-ui .v5-card-grid,
body.sn-tech-ui .signal-grid,
body.sn-tech-ui .settings-grid,
body.sn-tech-ui .help6-topic-grid,
body.sn-tech-ui .help6-doc-grid{gap:16px!important}
body.sn-tech-ui .v52-form{padding:18px!important}
body.sn-tech-ui .v52-fields,
body.sn-tech-ui .integration-fields,
body.sn-tech-ui .integration-fields-4{gap:12px!important}
body.sn-tech-ui .v5-inline-form{border-radius:18px!important;padding:14px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(93,228,220,.10)!important}

/* Uniform action controls in cards and rows. */
body.sn-tech-ui .main .primary,
body.sn-tech-ui .main .secondary,
body.sn-tech-ui .main .ghost,
body.sn-tech-ui .main .link-button{
  border-radius:14px!important;
}
body.sn-tech-ui .main .primary:not(.compact),
body.sn-tech-ui .main .secondary:not(.compact),
body.sn-tech-ui .main .ghost:not(.compact),
body.sn-tech-ui .main .link-button:not(.compact){min-height:42px!important}
body.sn-tech-ui .title-actions,
body.sn-tech-ui .task-actions,
body.sn-tech-ui .integration-actions,
body.sn-tech-ui .dialog-actions{gap:9px!important}

/* Research and list screens should visually match yacht/crew cards. */
body.sn-tech-ui .research-search{padding:18px!important}
body.sn-tech-ui .research-row{min-height:70px!important;padding:13px 15px!important;border:1px solid rgba(93,228,220,.10)!important;background:rgba(255,255,255,.022)!important}
body.sn-tech-ui .search-form input{min-height:44px!important}

/* Settings receives the same tech-card language as operational pages. */
body.sn-tech-ui .theme-card{padding:18px!important;min-height:180px!important;text-align:left!important}
body.sn-tech-ui .theme-card.selected{border-color:rgba(87,241,231,.42)!important;box-shadow:0 0 0 1px rgba(87,241,231,.14),0 18px 42px rgba(0,0,0,.15)!important}
body.sn-tech-ui .settings-language{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}

/* Help previews updated to the current command workspace. */
body.sn-tech-ui .help6-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body.sn-tech-ui .help6-gallery figure{border-radius:20px!important;overflow:hidden!important}
body.sn-tech-ui .help6-gallery figure:first-child{grid-column:1/-1!important}
body.sn-tech-ui .help6-gallery figure:first-child .help6-shot{aspect-ratio:16/7.5!important}
body.sn-tech-ui .help6-shot{background:#031522!important}
body.sn-tech-ui .help6-gallery figcaption{padding:13px 15px!important;background:linear-gradient(145deg,rgba(7,39,57,.94),rgba(8,49,68,.88))!important}
body.sn-tech-ui .help6-gallery figcaption b{font-size:12px!important}
body.sn-tech-ui .help6-gallery figcaption span{font-size:9.5px!important;line-height:1.45!important}

/* Integration Centre: align module and endpoint geometry. */
body.sn-tech-ui .integration-endpoint-rail{gap:12px!important}
body.sn-tech-ui .integration-endpoint{min-height:88px!important}
body.sn-tech-ui .integration-module-grid{gap:16px!important}
body.sn-tech-ui .integration-module{padding:18px!important}
body.sn-tech-ui .integration-module-head{min-height:62px!important;align-items:flex-start!important}
body.sn-tech-ui .integration-module-icon{border-radius:16px!important}

/* Database Update: balanced, collapsed cards. */
body.sn-tech-ui .dbu-two-col{grid-auto-rows:auto!important;align-items:start!important}
body.sn-tech-ui .dbu-two-col>details{height:auto!important;min-height:0!important}
body.sn-tech-ui .dbu-two-col>details:not([open]) .dbu-list{display:none!important}
body.sn-tech-ui .dbu-two-col summary span{align-self:center!important}
body.sn-tech-ui .dbu-two-col summary b{font-size:12px!important;letter-spacing:.02em!important}
body.sn-tech-ui .dbu-two-col summary small{margin-top:4px!important}

/* Open themes: second pass to eliminate residual dark islands. */
html[data-theme="clear-operations"] body.sn-tech-ui .v5-inline-form,
html[data-theme="clear-operations"] body.sn-tech-ui .research-row,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-module,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-endpoint,
html[data-theme="clear-operations"] body.sn-tech-ui .integration-source-row,
html[data-theme="clear-operations"] body.sn-tech-ui .help6-gallery figcaption,
html[data-theme="clear-operations"] body.sn-tech-ui .theme-card{
  background:linear-gradient(145deg,#fff,#eef7f9)!important;
  color:#17384d!important;
  border-color:rgba(24,101,119,.12)!important;
  box-shadow:0 10px 28px rgba(43,91,104,.065)!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact a,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact span{
  background:#f7fbfc!important;border-color:rgba(24,101,119,.10)!important;color:#3c6172!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-foot{border-color:rgba(24,101,119,.10)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .v5-inline-form{background:rgba(255,255,255,.82)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .help6-gallery figcaption span{color:#5e7b8d!important}

html[data-theme="high-contrast"] body.sn-tech-ui .v5-inline-form,
html[data-theme="high-contrast"] body.sn-tech-ui .research-row,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-module,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-endpoint,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-source-row,
html[data-theme="high-contrast"] body.sn-tech-ui .theme-card,
html[data-theme="high-contrast"] body.sn-tech-ui .help6-gallery figcaption{
  background:#fff!important;color:#071d35!important;border:2px solid #071d35!important;box-shadow:none!important;
}

/* Tablet / mobile consistency across every named right-side page. */
@media(max-width:1120px){
  body.sn-tech-ui .module-side{position:static!important}
  body.sn-tech-ui .settings-language{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:820px){
  body.sn-tech-ui .help6-gallery{grid-template-columns:1fr!important}
  body.sn-tech-ui .help6-gallery figure:first-child{grid-column:auto!important}
  body.sn-tech-ui .help6-gallery figure:first-child .help6-shot{aspect-ratio:16/9!important}
  body.sn-tech-ui .panel-head{align-items:flex-start!important;flex-direction:column!important}
  body.sn-tech-ui .panel-head>.badge,
  body.sn-tech-ui .panel-head>.filter-badge,
  body.sn-tech-ui .panel-head>.filter,
  body.sn-tech-ui .panel-head>.filter-select{align-self:flex-start!important}
}
@media(max-width:620px){
  body.sn-tech-ui .main{padding-left:12px!important;padding-right:12px!important}
  body.sn-tech-ui .task-card-grid,
  body.sn-tech-ui .v5-card-grid,
  body.sn-tech-ui .signal-grid,
  body.sn-tech-ui .settings-grid,
  body.sn-tech-ui .help6-topic-grid,
  body.sn-tech-ui .help6-doc-grid{grid-template-columns:1fr!important}
  body.sn-tech-ui .main .primary,
  body.sn-tech-ui .main .secondary,
  body.sn-tech-ui .main .ghost,
  body.sn-tech-ui .main .link-button{max-width:100%!important}
}

/* V6.0.34 · visual polish for light/high-contrast themes, contact icons and action buttons */
body.sn-tech-ui .crew-contact{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
body.sn-tech-ui .crew-contact a,
body.sn-tech-ui .crew-contact span,
body.sn-tech-ui .crew-foot>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
}
body.sn-tech-ui .crew-contact .sn-icon,
body.sn-tech-ui .crew-foot>span .sn-icon,
body.sn-tech-ui .button-auto-icon>.sn-icon,
body.sn-tech-ui .link-button>.sn-icon{
  width:18px!important;height:18px!important;display:inline-grid!important;place-items:center!important;flex:0 0 18px!important;
}
body.sn-tech-ui .crew-contact .sn-icon svg,
body.sn-tech-ui .crew-foot>span .sn-icon svg,
body.sn-tech-ui .button-auto-icon>.sn-icon svg,
body.sn-tech-ui .link-button>.sn-icon svg{
  width:17px!important;height:17px!important;
}
body.sn-tech-ui .crew-contact .sn-icon,
body.sn-tech-ui .crew-foot>span .sn-icon{
  color:#66eee6!important;
}
body.sn-tech-ui .crew-foot>span{
  min-height:42px!important;
  padding:0 13px!important;
  border-radius:15px!important;
  border:1px solid rgba(93,228,220,.11)!important;
  background:rgba(255,255,255,.03)!important;
}
body.sn-tech-ui .crew-foot{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
body.sn-tech-ui .crew-card .badge,
body.sn-tech-ui .vessel-license-badge,
body.sn-tech-ui .company-admin-state .badge,
body.sn-tech-ui .platform-vessel-admin-state small,
body.sn-tech-ui .source-state,
body.sn-tech-ui .dbu-pill,
body.sn-tech-ui .badge{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  font-size:11px!important;
  letter-spacing:.02em!important;
}
body.sn-tech-ui .button-auto-icon,
body.sn-tech-ui .link-button{
  display:inline-flex!important;align-items:center!important;gap:9px!important;
}
body.sn-tech-ui .button-auto-icon>.sn-icon,
body.sn-tech-ui .link-button>.sn-icon{color:currentColor!important}
body.sn-tech-ui .button-auto-icon span:last-child,
body.sn-tech-ui .link-button span:last-child{display:inline-flex;align-items:center}

html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .brand img,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand img{filter:none!important;opacity:1!important}
html[data-theme="clear-operations"] body.sn-tech-ui input,
html[data-theme="clear-operations"] body.sn-tech-ui select,
html[data-theme="clear-operations"] body.sn-tech-ui textarea{
  background:linear-gradient(145deg,#ffffff,#f2f8fa)!important;
  color:#17384d!important;
  border-color:rgba(24,101,119,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 20px rgba(43,91,104,.04)!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui input::placeholder,
html[data-theme="clear-operations"] body.sn-tech-ui textarea::placeholder{color:#7f97a4!important}
html[data-theme="clear-operations"] body.sn-tech-ui input:focus,
html[data-theme="clear-operations"] body.sn-tech-ui select:focus,
html[data-theme="clear-operations"] body.sn-tech-ui textarea:focus{
  border-color:rgba(24,149,151,.28)!important;
  box-shadow:0 0 0 4px rgba(34,183,177,.09)!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact a,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact span,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-foot>span{
  background:linear-gradient(145deg,#fff,#f1f8fa)!important;
  border-color:rgba(24,101,119,.12)!important;
  color:#284c5f!important;
  box-shadow:0 6px 16px rgba(43,91,104,.05)!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact .sn-icon,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-foot>span .sn-icon{color:#14979a!important}
html[data-theme="clear-operations"] body.sn-tech-ui .button-auto-icon>.sn-icon,
html[data-theme="clear-operations"] body.sn-tech-ui .link-button>.sn-icon{color:currentColor!important}
html[data-theme="clear-operations"] body.sn-tech-ui .badge,
html[data-theme="clear-operations"] body.sn-tech-ui .vessel-license-badge,
html[data-theme="clear-operations"] body.sn-tech-ui .dbu-pill{
  background:linear-gradient(145deg,#ffffff,#ecf7f8)!important;
  border-color:rgba(24,137,142,.17)!important;
  color:#0f7678!important;
}

html[data-theme="high-contrast"] body.sn-tech-ui .sidebar,
html[data-theme="high-contrast"] body.sn-tech-ui .topbar-pro,
html[data-theme="high-contrast"] body.sn-tech-ui .glass,
html[data-theme="high-contrast"] body.sn-tech-ui .panel,
html[data-theme="high-contrast"] body.sn-tech-ui .content-title,
html[data-theme="high-contrast"] body.sn-tech-ui .v5-panel,
html[data-theme="high-contrast"] body.sn-tech-ui .task-card,
html[data-theme="high-contrast"] body.sn-tech-ui .metric-card{
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui input,
html[data-theme="high-contrast"] body.sn-tech-ui select,
html[data-theme="high-contrast"] body.sn-tech-ui textarea{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui input::placeholder,
html[data-theme="high-contrast"] body.sn-tech-ui textarea::placeholder{color:#5f7388!important}
html[data-theme="high-contrast"] body.sn-tech-ui input:focus,
html[data-theme="high-contrast"] body.sn-tech-ui select:focus,
html[data-theme="high-contrast"] body.sn-tech-ui textarea:focus{
  outline:none!important;
  box-shadow:0 0 0 4px rgba(7,29,53,.11)!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .primary,
html[data-theme="high-contrast"] body.sn-tech-ui .secondary,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost,
html[data-theme="high-contrast"] body.sn-tech-ui .filter,
html[data-theme="high-contrast"] body.sn-tech-ui .language-toggle,
html[data-theme="high-contrast"] body.sn-tech-ui .mobile-nav-toggle,
html[data-theme="high-contrast"] body.sn-tech-ui .row-more{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .primary:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .secondary:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .filter:hover{
  background:#ecffff!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact a,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact span,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-foot>span{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-foot>span .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .button-auto-icon>.sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .link-button>.sn-icon{color:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .badge,
html[data-theme="high-contrast"] body.sn-tech-ui .vessel-license-badge,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-pill{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
}

/* SafeNavis V6.0.35 · supplied brand system + crew card redesign */
body.sn-tech-ui .sidebar .brand{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  min-height:74px!important;
  padding:7px 8px!important;
  border-radius:18px!important;
}
body.sn-tech-ui .sidebar .brand:after{display:none!important}
body.sn-tech-ui .sidebar .brand img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:10px!important;
  filter:none!important;
}
html[data-theme="navis-dark"] body.sn-tech-ui .sidebar .brand{
  background:#062942!important;
  border-color:rgba(89,224,218,.18)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.18)!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .sidebar .brand{
  background:#fff!important;
  border-color:rgba(18,70,100,.12)!important;
  box-shadow:0 12px 28px rgba(35,79,94,.08)!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand{
  min-height:114px!important;
  background:#fff!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand img{
  width:auto!important;
  max-width:110px!important;
  max-height:102px!important;
  border-radius:0!important;
}

/* Crew card v2 */
body.sn-tech-ui .crew-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
body.sn-tech-ui .crew-card-modern{
  padding:22px!important;
  border-radius:26px!important;
}
body.sn-tech-ui .crew-card-modern::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-80px;
  top:-100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,241,231,.10),transparent 68%);
  pointer-events:none;
}
body.sn-tech-ui .crew-card-top{
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}
body.sn-tech-ui .crew-identity{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  min-width:0!important;
}
body.sn-tech-ui .crew-avatar-modern{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  margin:0!important;
  border-radius:20px!important;
  font-size:17px!important;
  letter-spacing:.08em!important;
  color:#05283d!important;
  background:linear-gradient(145deg,#43ded6,#7f7bf4)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.34)!important;
}
body.sn-tech-ui .crew-identity-copy{min-width:0!important}
body.sn-tech-ui .crew-position-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-bottom:6px!important;
  color:#67ece4!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.sn-tech-ui .crew-position-label .sn-icon{width:14px!important;height:14px!important;color:currentColor!important}
body.sn-tech-ui .crew-card-modern h3{
  margin:0!important;
  font-size:clamp(19px,1.45vw,24px)!important;
  letter-spacing:-.025em!important;
}
body.sn-tech-ui .crew-system-role{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:5px 0 0!important;
  color:#9bb6c3!important;
  font-size:10px!important;
}
body.sn-tech-ui .crew-system-role .sn-icon{width:15px!important;height:15px!important;color:#63e9e0!important}
body.sn-tech-ui .crew-system-role b{color:#dceff4!important;font-weight:800!important}
body.sn-tech-ui .crew-status-chip{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  min-height:38px!important;
  border-radius:14px!important;
}
body.sn-tech-ui .crew-status-chip>.sn-icon{width:14px!important;height:14px!important;color:currentColor!important}

body.sn-tech-ui .crew-contact-grid{
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:20px 0 14px!important;
  padding:14px 0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
body.sn-tech-ui .crew-contact-item{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:58px!important;
  padding:9px 11px!important;
  border:1px solid rgba(93,228,220,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
  color:#dceff4!important;
  text-decoration:none!important;
  transition:.18s ease!important;
}
body.sn-tech-ui a.crew-contact-item:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(93,228,220,.25)!important;
  background:rgba(93,228,220,.055)!important;
}
body.sn-tech-ui .crew-contact-icon{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#68eee6!important;
  border:1px solid rgba(93,228,220,.13)!important;
  background:linear-gradient(145deg,rgba(56,215,207,.11),rgba(112,111,237,.07))!important;
}
body.sn-tech-ui .crew-contact-icon .sn-icon{width:18px!important;height:18px!important;color:currentColor!important}
body.sn-tech-ui .crew-contact-item>span:last-child{min-width:0!important}
body.sn-tech-ui .crew-contact-item small,
body.sn-tech-ui .crew-contact-item b{display:block!important}
body.sn-tech-ui .crew-contact-item small{
  color:#7899aa!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.sn-tech-ui .crew-contact-item b{
  margin-top:2px!important;
  color:#dceff4!important;
  font-size:10.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.sn-tech-ui .crew-assignment-strip{
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 15px!important;
  padding:11px 13px!important;
  border-radius:15px!important;
  border:1px solid rgba(93,228,220,.10)!important;
  background:linear-gradient(90deg,rgba(87,241,231,.045),rgba(139,123,255,.035))!important;
}
body.sn-tech-ui .crew-assignment-strip>.sn-icon{
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;color:#64eae2!important;background:rgba(87,241,231,.07)!important;
}
body.sn-tech-ui .crew-assignment-strip small,
body.sn-tech-ui .crew-assignment-strip b{display:block!important}
body.sn-tech-ui .crew-assignment-strip small{color:#7899aa!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
body.sn-tech-ui .crew-assignment-strip b{margin-top:2px!important;color:#bed5dd!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.sn-tech-ui .crew-assignment-strip b>span{color:#66eee6!important;padding:0 3px!important}
body.sn-tech-ui .crew-card-footer{
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-top:2px!important;
}
body.sn-tech-ui .crew-scope-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#86a8b7!important;
  font-size:9px!important;
  font-weight:800!important;
}
body.sn-tech-ui .crew-scope-chip .sn-icon{width:15px!important;height:15px!important;color:#63e9e0!important}
body.sn-tech-ui .crew-card-modern .crew-foot-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
body.sn-tech-ui .crew-card-modern .crew-foot-actions button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  border-radius:14px!important;
}
body.sn-tech-ui .crew-card-modern .crew-foot-actions .sn-icon{width:16px!important;height:16px!important;color:currentColor!important}

/* Clear Operations crew card */
html[data-theme="clear-operations"] body.sn-tech-ui .crew-card-modern{
  background:linear-gradient(145deg,#fff,#f0f8fa)!important;
  border-color:rgba(24,101,119,.13)!important;
  box-shadow:0 16px 38px rgba(43,91,104,.08)!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-card-modern::after{background:radial-gradient(circle,rgba(34,183,177,.10),transparent 68%)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-avatar-modern{
  background:linear-gradient(145deg,#d9fbf7,#e8e8ff)!important;
  color:#123d50!important;
  border-color:rgba(24,137,142,.15)!important;
  box-shadow:0 10px 24px rgba(43,91,104,.07),inset 0 1px #fff!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-position-label,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-position-label .sn-icon,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-system-role .sn-icon,
html[data-theme="clear-operations"] body.sn-tech-ui .crew-scope-chip .sn-icon{color:#168f91!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-system-role{color:#668393!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-system-role b{color:#17384d!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact-grid{border-color:rgba(24,101,119,.10)!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact-item{
  background:linear-gradient(145deg,#fff,#f4fafb)!important;
  border-color:rgba(24,101,119,.11)!important;
  color:#17384d!important;
  box-shadow:0 6px 15px rgba(43,91,104,.045)!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact-icon{
  color:#138e91!important;
  background:linear-gradient(145deg,#e7fbf8,#f0f0ff)!important;
  border-color:rgba(24,137,142,.13)!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact-item small{color:#718b99!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-contact-item b{color:#244a5e!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-assignment-strip{
  background:linear-gradient(90deg,#f3fbfb,#f8f7ff)!important;
  border-color:rgba(24,101,119,.10)!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-assignment-strip>.sn-icon{color:#168f91!important;background:#e7f8f7!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-assignment-strip small{color:#718b99!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-assignment-strip b{color:#365b6c!important}
html[data-theme="clear-operations"] body.sn-tech-ui .crew-scope-chip{color:#617f8f!important}

/* High Contrast crew card */
html[data-theme="high-contrast"] body.sn-tech-ui .crew-card-modern,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact-item,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-assignment-strip{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .crew-card-modern::after{display:none!important}
html[data-theme="high-contrast"] body.sn-tech-ui .crew-avatar-modern{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .crew-position-label,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-system-role,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-system-role b,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact-item small,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact-item b,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-assignment-strip small,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-assignment-strip b,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-scope-chip{
  color:#071d35!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .crew-position-label .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-system-role .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-assignment-strip>.sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-scope-chip .sn-icon{
  color:#071d35!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-assignment-strip>.sn-icon{
  background:#fff!important;
  border:2px solid #071d35!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact-grid{border-color:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .crew-assignment-strip b>span{color:#071d35!important}

@media(max-width:1180px){
  body.sn-tech-ui .crew-grid{grid-template-columns:1fr!important}
  body.sn-tech-ui .crew-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:920px){
  body.sn-tech-ui .sidebar .brand{min-height:70px!important}
  body.sn-tech-ui .sidebar .brand img{max-height:64px!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand{min-height:96px!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand img{max-height:84px!important;max-width:92px!important}
  body.sn-tech-ui .crew-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  body.sn-tech-ui .sidebar .brand{min-height:64px!important;padding:6px!important}
  body.sn-tech-ui .sidebar .brand img{max-height:56px!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand{min-height:88px!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand img{max-height:78px!important;max-width:84px!important}
  body.sn-tech-ui .crew-card-modern{padding:17px!important;border-radius:21px!important}
  body.sn-tech-ui .crew-card-top{flex-direction:column!important;align-items:stretch!important;gap:13px!important}
  body.sn-tech-ui .crew-status-chip{align-self:flex-start!important}
  body.sn-tech-ui .crew-contact-grid{grid-template-columns:1fr!important;margin-top:15px!important}
  body.sn-tech-ui .crew-card-footer{align-items:stretch!important;flex-direction:column!important}
  body.sn-tech-ui .crew-card-modern .crew-foot-actions{justify-content:flex-start!important;width:100%!important}
  body.sn-tech-ui .crew-card-modern .crew-foot-actions button{flex:1 1 auto!important;justify-content:center!important}
  body.sn-tech-ui .crew-assignment-strip b{white-space:normal!important;line-height:1.45!important}
}

/* V6.0.35 · exact supplied logo fit + high-contrast polish */
body.sn-tech-ui .login-visual-brand img,
body.sn-tech-ui .login-mobile-brand img,
body.sn-tech-ui .auth-public-brand img{
  object-fit:contain!important;
  object-position:center!important;
  height:auto!important;
  filter:none!important;
}
html[data-theme="clear-operations"] body.sn-tech-ui .login-visual-brand img,
html[data-theme="clear-operations"] body.sn-tech-ui .login-mobile-brand img{
  border-radius:10px!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .login-visual-brand img{
  width:auto!important;
  max-width:130px!important;
  max-height:145px!important;
  border-radius:0!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .login-mobile-brand img{
  width:auto!important;
  max-width:96px!important;
  max-height:112px!important;
  margin-inline:auto!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar{
  background:#fff!important;
  border-right:2px solid #071d35!important;
  color:#071d35!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-priority>a,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group>summary,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group-links>a,
html[data-theme="high-contrast"] body.sn-tech-ui .side-bottom>a{
  color:#071d35!important;
  background:#fff!important;
  border:2px solid transparent!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-priority>a:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-priority>a.active,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group>summary:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group.active>summary,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group-links>a:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group-links>a.active,
html[data-theme="high-contrast"] body.sn-tech-ui .side-bottom>a:hover{
  background:#071d35!important;
  color:#fff!important;
  border-color:#071d35!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-priority>a:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-priority>a.active .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group>summary:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group.active>summary .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group-links>a:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group-links>a.active .sn-icon{
  color:#fff!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .primary{
  background:#071d35!important;
  color:#fff!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .primary .sn-icon{color:#fff!important}
html[data-theme="high-contrast"] body.sn-tech-ui .primary:hover{
  background:#fff!important;
  color:#071d35!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .primary:hover .sn-icon{color:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .secondary,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost,
html[data-theme="high-contrast"] body.sn-tech-ui .filter,
html[data-theme="high-contrast"] body.sn-tech-ui .language-toggle,
html[data-theme="high-contrast"] body.sn-tech-ui .mobile-nav-toggle{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .secondary:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .filter:hover{
  background:#071d35!important;
  color:#fff!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .secondary:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost:hover .sn-icon{color:#fff!important}
html[data-theme="high-contrast"] body.sn-tech-ui .side-label,
html[data-theme="high-contrast"] body.sn-tech-ui .eyebrow{color:#071d35!important}

@media(max-width:920px){
  body.sn-tech-ui .login-visual-brand img{max-width:min(280px,70%)!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .login-visual-brand img{max-width:116px!important;max-height:128px!important}
}
@media(max-width:640px){
  body.sn-tech-ui .login-mobile-brand img{max-width:min(230px,68vw)!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .login-mobile-brand img{max-width:86px!important;max-height:98px!important}
}


/* V6.0.36 · High Contrast unification, logo sync, readable notifications */
html[data-theme="high-contrast"] body.sn-tech-ui{
  background:linear-gradient(180deg,#f8fbfc,#f4f8fb 56%,#f9fcfd)!important;
  color:#071d35!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui:before{
  background-image:linear-gradient(rgba(7,29,53,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(7,29,53,.055) 1px,transparent 1px)!important;
  opacity:.75!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .main,
html[data-theme="high-contrast"] body.sn-tech-ui .main p,
html[data-theme="high-contrast"] body.sn-tech-ui .main li,
html[data-theme="high-contrast"] body.sn-tech-ui .main dd,
html[data-theme="high-contrast"] body.sn-tech-ui .main dt{color:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand{
  min-height:74px!important;
  padding:7px 8px!important;
  background:#fff!important;
  border:2px solid #071d35!important;
  border-radius:18px!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand img{
  width:100%!important;
  max-width:100%!important;
  max-height:72px!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .login-visual-brand img,
html[data-theme="high-contrast"] body.sn-tech-ui .login-mobile-brand img,
html[data-theme="high-contrast"] body.sn-tech-ui .auth-public-brand img{
  width:auto!important;
  max-width:min(280px,70%)!important;
  max-height:none!important;
  border-radius:10px!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .mobile-nav-toggle{
  min-width:52px!important;
  padding-inline:14px!important;
  gap:0!important;
}
body.sn-tech-ui .mobile-nav-toggle>span:last-child{display:none!important}
html[data-theme="high-contrast"] body.sn-tech-ui .content-title,
html[data-theme="high-contrast"] body.sn-tech-ui .hero,
html[data-theme="high-contrast"] body.sn-tech-ui .intelligence-hero,
html[data-theme="high-contrast"] body.sn-tech-ui .report-hero,
html[data-theme="high-contrast"] body.sn-tech-ui .help6-hero,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-hero,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-command-hero,
html[data-theme="high-contrast"] body.sn-tech-ui .topbar-pro,
html[data-theme="high-contrast"] body.sn-tech-ui .glass,
html[data-theme="high-contrast"] body.sn-tech-ui .panel,
html[data-theme="high-contrast"] body.sn-tech-ui .v5-panel,
html[data-theme="high-contrast"] body.sn-tech-ui .metric-card,
html[data-theme="high-contrast"] body.sn-tech-ui .task-card,
html[data-theme="high-contrast"] body.sn-tech-ui .theme-card,
html[data-theme="high-contrast"] body.sn-tech-ui .signal-card,
html[data-theme="high-contrast"] body.sn-tech-ui .company-registry,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-command,
html[data-theme="high-contrast"] body.sn-tech-ui .task-summary-card,
html[data-theme="high-contrast"] body.sn-tech-ui .assignment-mini,
html[data-theme="high-contrast"] body.sn-tech-ui .profile-stat,
html[data-theme="high-contrast"] body.sn-tech-ui .record,
html[data-theme="high-contrast"] body.sn-tech-ui .workflow-row,
html[data-theme="high-contrast"] body.sn-tech-ui .task-board-row,
html[data-theme="high-contrast"] body.sn-tech-ui .suggestion-row,
html[data-theme="high-contrast"] body.sn-tech-ui .equipment-row,
html[data-theme="high-contrast"] body.sn-tech-ui .company-admin-row,
html[data-theme="high-contrast"] body.sn-tech-ui .platform-vessel-admin-row,
html[data-theme="high-contrast"] body.sn-tech-ui .company-toolbar,
html[data-theme="high-contrast"] body.sn-tech-ui .v52-form,
html[data-theme="high-contrast"] body.sn-tech-ui .v5-inline-form,
html[data-theme="high-contrast"] body.sn-tech-ui .research-row,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-module,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-endpoint,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-source-row,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-radar article,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-source-empty,
html[data-theme="high-contrast"] body.sn-tech-ui .v5-list>div,
html[data-theme="high-contrast"] body.sn-tech-ui .empty-state,
html[data-theme="high-contrast"] body.sn-tech-ui .dialog-shell,
html[data-theme="high-contrast"] body.sn-tech-ui .sn-operation-window,
html[data-theme="high-contrast"] body.sn-tech-ui .sn-page-core>div,
html[data-theme="high-contrast"] body.sn-tech-ui .ai-core>div,
html[data-theme="high-contrast"] body.sn-tech-ui .ai-answer,
html[data-theme="high-contrast"] body.sn-tech-ui .ai-question,
html[data-theme="high-contrast"] body.sn-tech-ui .ai-history-list article,
html[data-theme="high-contrast"] body.sn-tech-ui .ai-guardrail-list>div{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .integration-radar article,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-endpoint,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-source-row,
html[data-theme="high-contrast"] body.sn-tech-ui .vessel-card,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-card,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-card-modern,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-action-card,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-row,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-update-row,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-backup-row{
  background-image:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .integration-command-copy>p:not(.eyebrow),
html[data-theme="high-contrast"] body.sn-tech-ui .integration-module-head p,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-endpoint small,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-source-row small,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-radar small,
html[data-theme="high-contrast"] body.sn-tech-ui .empty-state span,
html[data-theme="high-contrast"] body.sn-tech-ui .form-note,
html[data-theme="high-contrast"] body.sn-tech-ui .company-admin-meta,
html[data-theme="high-contrast"] body.sn-tech-ui .platform-vessel-admin-state small,
html[data-theme="high-contrast"] body.sn-tech-ui .task-meta,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact-item small,
html[data-theme="high-contrast"] body.sn-tech-ui .sn-page-subtitle,
html[data-theme="high-contrast"] body.sn-tech-ui .report-hero p,
html[data-theme="high-contrast"] body.sn-tech-ui .hero p,
html[data-theme="high-contrast"] body.sn-tech-ui .content-title p,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-hero p{
  color:#4d6479!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .badge,
html[data-theme="high-contrast"] body.sn-tech-ui .dbu-pill,
html[data-theme="high-contrast"] body.sn-tech-ui .vessel-license-badge,
html[data-theme="high-contrast"] body.sn-tech-ui .sn-page-chips span,
html[data-theme="high-contrast"] body.sn-tech-ui .integration-command-tags span,
html[data-theme="high-contrast"] body.sn-tech-ui .status-chip,
html[data-theme="high-contrast"] body.sn-tech-ui .filter-chip{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .primary{
  background:#071d35!important;
  color:#fff!important;
  border:2px solid #071d35!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .secondary,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost,
html[data-theme="high-contrast"] body.sn-tech-ui .filter,
html[data-theme="high-contrast"] body.sn-tech-ui .language-toggle,
html[data-theme="high-contrast"] body.sn-tech-ui .row-more,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action{
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .secondary:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .filter:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action:hover{
  background:#071d35!important;
  color:#fff!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .primary:hover{
  background:#fff!important;
  color:#071d35!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .primary .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .secondary .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .filter .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-contact-icon .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .crew-assignment-strip>.sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .theme-glyph,
html[data-theme="high-contrast"] body.sn-tech-ui .mobile-nav-bars i{
  color:currentColor!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .mobile-nav-bars i{background:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .secondary:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .filter:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .primary{color:#fff!important}
html[data-theme="high-contrast"] body.sn-tech-ui .primary:hover .sn-icon{color:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 24px!important;
  gap:12px!important;
  align-items:start!important;
  padding:16px 18px!important;
  background:#fff!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  box-shadow:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window .toast-icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:#eff7fa!important;
  color:#071d35!important;
  border:2px solid #071d35!important;
  font-weight:900!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window b{display:block;color:#071d35!important;font-size:14px!important;line-height:1.35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window p{margin:4px 0 0!important;color:#355066!important;font-size:12.5px!important;line-height:1.55!important}
html[data-theme="high-contrast"] body.sn-tech-ui .toast-close{
  align-self:start!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  color:#071d35!important;
  background:transparent!important;
  border:0!important;
  font-size:22px!important;
  line-height:1!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window .toast-progress{
  grid-column:1 / -1!important;
  display:block!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#071d35,#3dd7cf)!important;
  opacity:.18!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window.success{border-color:#0b5d62!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window.warning{border-color:#715000!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window.error{border-color:#8b2d2d!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window.info{border-color:#071d35!important}
@media(max-width:920px){
  html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand{min-height:70px!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand img{max-height:64px!important;max-width:100%!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .login-visual-brand img{max-width:min(250px,72vw)!important}
}
@media(max-width:640px){
  html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand{min-height:64px!important;padding:6px!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .brand img{max-height:56px!important;max-width:100%!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .login-mobile-brand img{max-width:min(220px,70vw)!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window{grid-template-columns:42px minmax(0,1fr) 22px!important;padding:14px!important}
  html[data-theme="high-contrast"] body.sn-tech-ui .sn-toast-window .toast-icon{width:42px!important;height:42px!important}
}

/* V6.0.40 · High Contrast interaction repair + final responsive hardening */
html[data-theme="high-contrast"] body.sn-tech-ui button .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui a .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .link-button .sn-icon{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui button .sn-icon svg,
html[data-theme="high-contrast"] body.sn-tech-ui a .sn-icon svg,
html[data-theme="high-contrast"] body.sn-tech-ui .link-button .sn-icon svg{
  stroke:currentColor!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
html[data-theme="high-contrast"] body.sn-tech-ui .primary,
html[data-theme="high-contrast"] body.sn-tech-ui .primary .sn-icon{color:#fff!important}
html[data-theme="high-contrast"] body.sn-tech-ui .primary:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .primary:focus-visible,
html[data-theme="high-contrast"] body.sn-tech-ui .primary:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .primary:focus-visible .sn-icon{color:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .secondary,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost,
html[data-theme="high-contrast"] body.sn-tech-ui .filter,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action,
html[data-theme="high-contrast"] body.sn-tech-ui .row-more,
html[data-theme="high-contrast"] body.sn-tech-ui .secondary .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .filter .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .row-more .sn-icon{color:#071d35!important}
html[data-theme="high-contrast"] body.sn-tech-ui .secondary:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .secondary:focus-visible,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost:focus-visible,
html[data-theme="high-contrast"] body.sn-tech-ui .filter:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .filter:focus-visible,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action:focus-visible,
html[data-theme="high-contrast"] body.sn-tech-ui .row-more:hover,
html[data-theme="high-contrast"] body.sn-tech-ui .row-more:focus-visible,
html[data-theme="high-contrast"] body.sn-tech-ui .secondary:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .secondary:focus-visible .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .ghost:focus-visible .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .filter:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .filter:focus-visible .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .top-icon-action:focus-visible .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .row-more:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .row-more:focus-visible .sn-icon{color:#fff!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar a:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar a.active .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar summary:hover .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar .nav-group.active>summary .sn-icon{color:#fff!important}
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar a:not(:hover):not(.active) .sn-icon,
html[data-theme="high-contrast"] body.sn-tech-ui .sidebar summary:not(:hover) .sn-icon{color:#071d35!important}

/* Keyboard visibility is explicit in all themes. */
body.sn-tech-ui button:focus-visible,
body.sn-tech-ui a:focus-visible,
body.sn-tech-ui input:focus-visible,
body.sn-tech-ui select:focus-visible,
body.sn-tech-ui textarea:focus-visible{
  outline:2px solid currentColor!important;
  outline-offset:3px!important;
}

/* Tablet: preserve two-column density without horizontal overflow. */
@media (max-width:1099px){
  body.sn-tech-ui .main{max-width:100%!important;overflow-x:hidden!important}
  body.sn-tech-ui .content-title h2,
  body.sn-tech-ui .hero h2,
  body.sn-tech-ui .intelligence-hero h2,
  body.sn-tech-ui .report-hero h2,
  body.sn-tech-ui .help6-hero h2,
  body.sn-tech-ui .dbu-hero h2,
  body.sn-tech-ui .ai-command-hero h2,
  body.sn-tech-ui .integration-command-copy h2,
  body.sn-tech-ui .sn-page-hero-copy h2{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:clamp(25px,4.4vw,36px)!important;
    line-height:1.08!important;
  }
  body.sn-tech-ui .form-grid,
  body.sn-tech-ui .company-form-grid,
  body.sn-tech-ui .vessel-form-grid,
  body.sn-tech-ui .task-completion-fields,
  body.sn-tech-ui .task-approval-fields{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.sn-tech-ui .integration-module-grid,
  body.sn-tech-ui .integration-radar,
  body.sn-tech-ui .company-metric-grid,
  body.sn-tech-ui .help6-gallery,
  body.sn-tech-ui .help6-doc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.sn-tech-ui .crew-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.sn-tech-ui .dialog-shell,
  body.sn-tech-ui .sn-dialog.sn-dialog-wide .dialog-shell{
    width:min(94vw,900px)!important;
    max-width:94vw!important;
  }
  body.sn-tech-ui .table-wrap,
  body.sn-tech-ui .yp-table-wrap,
  body.sn-tech-ui .report-table,
  body.sn-tech-ui .dbu-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}

/* Mobile: single-column forms/cards/actions and safe touch targets. */
@media (max-width:760px){
  body.sn-tech-ui .main{padding:12px 10px 28px!important}
  body.sn-tech-ui .topbar.topbar-pro{padding:10px!important;border-radius:16px!important}
  body.sn-tech-ui .form-grid,
  body.sn-tech-ui .company-form-grid,
  body.sn-tech-ui .vessel-form-grid,
  body.sn-tech-ui .license-period-grid,
  body.sn-tech-ui .task-completion-fields,
  body.sn-tech-ui .task-approval-fields,
  body.sn-tech-ui .integration-fields,
  body.sn-tech-ui .integration-fields-4,
  body.sn-tech-ui .integration-module-grid,
  body.sn-tech-ui .integration-radar,
  body.sn-tech-ui .company-metric-grid,
  body.sn-tech-ui .help6-gallery,
  body.sn-tech-ui .help6-doc-grid,
  body.sn-tech-ui .crew-contact-grid{
    grid-template-columns:1fr!important;
  }
  body.sn-tech-ui .form-grid>* ,
  body.sn-tech-ui .company-form-grid>* ,
  body.sn-tech-ui .vessel-form-grid>* ,
  body.sn-tech-ui .task-completion-fields>* ,
  body.sn-tech-ui .task-approval-fields>*{
    grid-column:1/-1!important;
  }
  body.sn-tech-ui .dialog-actions,
  body.sn-tech-ui .photo-actions,
  body.sn-tech-ui .integration-actions,
  body.sn-tech-ui .title-actions,
  body.sn-tech-ui .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  body.sn-tech-ui .dialog-actions>*,
  body.sn-tech-ui .photo-actions>*,
  body.sn-tech-ui .integration-actions>*,
  body.sn-tech-ui .title-actions>*,
  body.sn-tech-ui .hero-actions>*{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }
  body.sn-tech-ui button,
  body.sn-tech-ui .link-button,
  body.sn-tech-ui .secondary,
  body.sn-tech-ui .primary,
  body.sn-tech-ui .ghost{min-height:44px}
  body.sn-tech-ui .sn-toast-host{left:10px!important;right:10px!important;width:auto!important;max-width:none!important}
  body.sn-tech-ui .sn-toast-window{width:100%!important;max-width:none!important}
}

@media (max-width:430px){
  body.sn-tech-ui .top-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.sn-tech-ui .top-actions>.top-utility-cluster{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.sn-tech-ui .top-actions>.profile,
  body.sn-tech-ui .top-actions>.vessel-select,
  body.sn-tech-ui .top-actions>.logout-form{grid-column:1/-1!important}
  body.sn-tech-ui .metric-grid,
  body.sn-tech-ui .report-metrics,
  body.sn-tech-ui .v5-kpi-grid{grid-template-columns:1fr!important}
  body.sn-tech-ui .content-title,
  body.sn-tech-ui .hero,
  body.sn-tech-ui .intelligence-hero,
  body.sn-tech-ui .report-hero,
  body.sn-tech-ui .help6-hero,
  body.sn-tech-ui .dbu-hero,
  body.sn-tech-ui .integration-command-hero{padding:17px 14px!important;border-radius:18px!important}
  body.sn-tech-ui .content-title h2,
  body.sn-tech-ui .hero h2,
  body.sn-tech-ui .intelligence-hero h2,
  body.sn-tech-ui .report-hero h2,
  body.sn-tech-ui .help6-hero h2,
  body.sn-tech-ui .dbu-hero h2,
  body.sn-tech-ui .ai-command-hero h2,
  body.sn-tech-ui .integration-command-copy h2,
  body.sn-tech-ui .sn-page-hero-copy h2{font-size:clamp(23px,8.5vw,31px)!important}
}

/* V6.0.40 · mobile nav toggle is icon-only; keep the hamburger visible after label removal. */
body.sn-tech-ui .mobile-nav-toggle>span.mobile-nav-bars:last-child{
  display:inline-flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  width:20px!important;
  height:20px!important;
}
body.sn-tech-ui .mobile-nav-toggle>span.mobile-nav-bars:last-child i{
  display:block!important;
  width:20px!important;
  height:2px!important;
  border-radius:999px!important;
  background:currentColor!important;
  opacity:1!important;
}