:root{--navy:#0f2b46;--navy-2:#123653;--blue:#2f6fae;--blue-soft:#eef5fb;--teal:#2f8f6b;--teal-soft:#eef8f3;--amber:#c9852b;--amber-soft:#fbf5ea;--red:#c75a5a;--red-soft:#fff5f5;--ink:#1f2937;--muted:#6b7280;--line:#e5e7eb;--line-dark:#c9d2dc;--bg:#f7f8fa;--panel:#fff;--shadow:0 1px 3px #1f29370d}.simple-report-actions{gap:5px;display:flex}.simple-report-actions input{color:#405a6e;background:#fff;border:1px solid #ccd7df;border-radius:4px;width:112px;height:35px;padding:0 7px;font-size:8px}.simple-report-actions button{color:#1769aa;white-space:nowrap;background:#fff;border:1px solid #1769aa;border-radius:4px;min-height:35px;padding:0 10px;font-size:8px;font-weight:900}.simple-cargo-form{background:#fff;border:1px solid #dbe4e9;border-radius:6px;margin:0 18px 10px;padding:12px}.simple-cargo-form>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.simple-cargo-form h3{margin:0;font-size:10px}.simple-cargo-form>div:first-child button{color:#1769aa;background:#f7fafb;border:1px solid #a9bbc8;border-radius:4px;min-height:29px;padding:0 9px;font-size:7px;font-weight:900}.simple-cargo-row{grid-template-columns:1.6fr 1fr 1fr 29px;align-items:end;gap:7px;margin-top:7px;display:grid}.simple-cargo-row>button{color:#a33b3b;background:#fff;border:1px solid #d5dce2;border-radius:4px;width:29px;height:36px;font-size:16px}@media (max-width:650px){.simple-filters{flex-wrap:wrap}.simple-report-actions{width:100%}.simple-report-actions input{flex:1;width:auto}.simple-cargo-row{grid-template-columns:1fr 1fr 29px}.simple-cargo-row label:first-child{grid-column:1/-1}.simple-modal>footer .simple-primary{width:auto;padding:0 14px;font-size:8px}}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);margin:0;font:14px/1.55 Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2f6fae3d}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{color:#597590;letter-spacing:.15em;margin:0;font-size:10px;font-weight:800}.portal-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:30;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-button{color:inherit;text-align:left;background:0 0;border:0;padding:0}.company-logo{object-fit:contain;flex:0 0 46px;width:46px;height:46px}.brand-title{flex-direction:column;display:flex}.brand strong,.brand small,.user-chip strong,.user-chip small{display:block}.brand strong{letter-spacing:.035em;order:2;font-size:16px;line-height:1.18}.brand small{color:#536b7e;letter-spacing:.1em;order:1;margin:0 0 3px;font-size:8px;font-weight:700}.header-actions{align-items:center;gap:18px;display:flex}.user-chip{border:0;border-left:1px solid var(--line);color:inherit;text-align:left;background:0 0;align-items:center;gap:9px;padding:0 0 0 18px;display:flex}.user-chip>span{color:#fff;background:#315473;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user-chip strong{font-size:12px}.user-chip small{color:var(--muted);margin-top:1px;font-size:10px}.user-chip i{color:#8494a4;margin-left:4px;font-style:normal}.portal-workspace{grid-template-columns:214px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;height:calc(100vh - 68px);padding:22px 14px;display:flex;position:sticky;top:68px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#bdcbd9;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-weight:600;display:flex}.sidebar nav button span{text-align:center;width:18px;font-size:17px}.sidebar nav button:hover{color:#fff;background:#183b5e}.sidebar nav button.active{color:#fff;background:#214c76;box-shadow:inset 3px 0 #5ba2da}.sidebar-bottom{color:#a9bdcf;border-top:1px solid #294662;gap:3px;padding:17px 14px 3px;display:grid}.sidebar-bottom>div{align-items:center;gap:7px;font-size:10px;display:flex}.sidebar-bottom strong{color:#fff;font-size:13px}.sidebar-bottom small{font-size:9px}.sidebar-bottom button{color:#a9bdcf;text-align:left;background:0 0;border:0;border-top:1px solid #294662;margin-top:10px;padding:6px 0;font-size:10px}.live-dot{background:#28b69f;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #28b69f21}.content-area{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:29px 31px 52px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:21px;display:flex}.page-heading h1{letter-spacing:.015em;margin:3px 0 4px;font-size:25px;line-height:1.35}.page-heading>div>p:last-child{color:var(--muted);margin:0}.primary-button,.secondary-button{border-radius:5px;padding:10px 16px;font-weight:700;transition:all .15s}.primary-button{border:1px solid var(--blue);color:#fff;background:var(--blue);box-shadow:0 2px 4px #115b972e}.primary-button:hover{background:#0e5d9c}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{border:1px solid var(--line-dark);color:#41576b;background:#fff}.text-button{color:var(--blue);background:0 0;border:0;font-size:11px;font-weight:700}.small-button{color:#385f80;background:#fff;border:1px solid #cbd7e1;border-radius:4px;padding:5px 8px;font-size:10px}.alert-strip{background:#fff9e9;border:1px solid #efce8e;border-left:4px solid #df9d18;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:14px;padding:12px 15px;display:grid}.alert-icon{color:#fff;background:#d99510;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.alert-strip strong{font-size:13px}.alert-strip p{color:#6a5a36;margin:0 0 0 13px;font-size:11px;display:inline}.alert-strip button{color:#8e620b;background:0 0;border:0;font-size:11px;font-weight:700}.summary-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:15px;display:grid}.summary-grid article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px 15px;display:grid}.summary-icon{border-radius:6px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:900;display:grid}.summary-icon.blue{color:var(--blue);background:var(--blue-soft)}.summary-icon.teal{color:var(--teal);background:var(--teal-soft)}.summary-icon.navy{color:#344b72;background:#e9edf5}.summary-icon.gray{color:#637386;background:#edf1f4}.summary-grid small{color:var(--muted);font-size:10px;display:block}.summary-grid strong{font-size:22px;line-height:1.2}.summary-grid em{margin-left:3px;font-size:10px;font-style:normal}.summary-grid b{color:#708090;align-self:end;font-size:9px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:14px;display:grid}.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.board-card{border-top:3px solid var(--blue);background:#e9f0f5;border-radius:7px;min-width:0;padding:9px}.board-card.teal{border-color:var(--teal);background:#e8f1f0}.board-card.navy{background:#eceff4;border-color:#41597f}.section-title{justify-content:space-between;align-items:center;padding:4px 4px 11px;display:flex}.section-title>div{align-items:center;gap:7px;font-weight:800;display:flex}.section-title>div>b{background:#d5e0e9;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:9px;display:grid}.section-title>span{color:var(--muted);font-size:9px}.dot{background:var(--blue);border-radius:50%;width:8px;height:8px}.dot.teal{background:var(--teal)}.dot.navy{background:#41597f}.vessel-card{width:100%;color:inherit;text-align:left;box-shadow:var(--shadow);background:#fff;border:1px solid #d5dee6;border-radius:6px;margin-bottom:8px;padding:14px;display:block}.vessel-card:last-child{margin-bottom:0}.vessel-card:hover{border-color:#abc3d7;box-shadow:0 3px 9px #14314a17}.vessel-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.vessel-card-head>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.vessel-card h2{margin:0;font-size:17px}.status-badge{color:#1b639a;white-space:nowrap;background:#e5f0f8;border-radius:3px;width:max-content;padding:3px 6px;font-size:9px;font-weight:800;display:inline-flex}.status-badge.teal{color:#00796c;background:#ddf3ee}.status-badge.navy{color:#344b72;background:#e7ecf3}.status-badge.warning{color:#966200;background:#fff0c9}.status-badge.danger{color:#ad3939;background:#fde7e7}.berth{color:var(--muted);white-space:nowrap;background:#f0f3f5;border-radius:3px;padding:3px 5px;font-size:9px}.eta-row{align-items:baseline;gap:7px;margin:12px 0 10px;display:flex}.eta-row small{color:var(--muted)}.eta-row strong{color:#114f83;font-size:25px;line-height:1}.eta-row span{color:var(--muted);font-size:9px}.route-track{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;padding:0 4px;display:grid}.route-track i{background:#fff;border:2px solid #9bacbb;border-radius:50%;width:9px;height:9px}.route-track i.done{border-color:var(--blue);background:var(--blue)}.route-track span{background:#d5dee6;height:2px}.route-label{color:#7a8997;justify-content:space-between;margin:3px 0 11px;font-size:8px;display:flex}.cargo-line{color:var(--muted);border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;margin:10px 0 5px;padding:8px 0;font-size:10px}.cargo-line strong{float:right;color:#334555}.details-link{color:#205f94;justify-content:space-between;padding-top:3px;font-size:10px;font-weight:700;display:flex}.dual-time{background:#f6f8fa;border-radius:4px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:15px 0;padding:10px 7px;display:grid}.dual-time div{text-align:center}.dual-time small{color:var(--muted);font-size:8px;display:block}.dual-time strong{font-size:16px}.dual-time>span{color:#9aa9b6}.progress-wrap>div:first-child{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.progress-wrap strong{color:var(--teal)}.progress-bar{background:#e2ecea;border-radius:4px;height:6px;margin:5px 0 12px;overflow:hidden}.progress-bar i{background:var(--teal);border-radius:4px;height:100%;display:block}.next-schedule-box{background:#f1f4f7;border-left:3px solid #456186;border-radius:3px;grid-template-columns:1fr auto;margin:17px 0;padding:11px;display:grid}.next-schedule-box small{color:var(--muted);font-size:8px}.next-schedule-box strong{grid-row:2;font-size:14px}.next-schedule-box span{color:#456186;background:#e1e8ef;border-radius:3px;grid-area:1/2/span 2;align-self:center;padding:4px 6px;font-size:8px;font-weight:700}.news-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:7px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px;display:flex}.panel-heading>div{align-items:center;gap:8px;font-weight:800;display:flex}.panel-heading small{color:var(--muted);font-size:9px}.news-list button{width:100%;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;grid-template-columns:auto 1fr auto;gap:9px;padding:11px 13px;display:grid}.news-list button:hover{background:#f7f9fb}.news-list time{color:#55738e;font-size:9px;font-weight:700}.news-list strong{font-size:11px}.news-list p{color:#405264;margin:2px 0 0;font-size:10px;line-height:1.4}.news-list button>span{color:#94a2af}.panel-link{width:100%;color:var(--blue);background:#fafbfd;border:0;padding:11px;font-size:10px;font-weight:700}.report-export-bar{border:1px solid #b9cfdf;border-left:4px solid var(--blue);background:#f5f9fc;border-radius:6px;align-items:center;gap:13px;margin-bottom:10px;padding:11px 13px;display:flex}.report-export-bar>div{flex:1}.report-export-bar strong,.report-export-bar small{display:block}.report-export-bar strong{font-size:11px}.report-export-bar small{color:var(--muted);margin-top:2px;font-size:8px}.report-export-bar label{color:#526779;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.report-export-bar input{border:1px solid var(--line-dark);background:#fff;border-radius:4px;min-height:34px;padding:6px 8px}.filter-panel{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:9px;margin-bottom:12px;padding:12px;display:flex}.search-box{border:1px solid var(--line-dark);background:#fff;border-radius:4px;flex:1;align-items:center;gap:7px;min-width:210px;padding:0 10px;display:flex}.search-box span{color:#748696;font-size:17px}.search-box input{border:0;outline:0;width:100%;padding:8px 0}.filter-panel select,.field-label input,.field-label select,.editor-grid input,.editor-grid select,.note-form input,.note-form select,.note-form textarea,.modal input,.modal select{border:1px solid var(--line-dark);min-height:36px;color:var(--ink);background:#fff;border-radius:4px;padding:7px 9px}.check-filter{color:#526577;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.result-count{color:var(--muted);margin-left:auto;font-size:10px}.table-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:7px;overflow:hidden}.calls-table{grid-template-columns:1.32fr .92fr .92fr .92fr .92fr .92fr .86fr .72fr 25px;align-items:center;gap:8px;padding:0 15px;display:grid}.table-head{color:#697b8c;border-bottom:1px solid var(--line);background:#f7f9fb;min-height:39px;font-size:9px;font-weight:800}.table-row{width:100%;min-height:78px;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #e9edf1}.table-row:last-child{border-bottom:0}.table-row:hover{background:#f9fbfd}.row-open-button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.vessel-cell strong,.vessel-cell small,.vessel-cell em{display:block}.vessel-cell strong{font-size:15px}.vessel-cell small{color:#536779;font-size:9px}.vessel-cell em{color:#7a8996;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.time-cell strong,.time-cell small{display:block}.time-cell strong{white-space:nowrap;font-size:10px}.time-cell small{color:var(--muted);margin-top:2px;font-size:7px}.time-value-line{align-items:center;gap:6px;display:flex}.actual-checkbox{width:16px;height:16px;accent-color:var(--teal);cursor:pointer;flex:0 0 16px;margin:0}.actual-checkbox:disabled{cursor:not-allowed;opacity:.45}.actual-value{color:var(--teal)}.updated-cell{color:var(--muted);font-size:9px}.row-arrow{color:#8798a8;font-size:22px}.row-open-arrow{background:0 0;border:0;padding:0}.empty-state{color:var(--muted);justify-items:center;padding:60px;display:grid}.empty-state span{font-size:30px}.empty-state strong{color:#425568;margin-top:8px}.empty-state p{margin:3px 0 0;font-size:11px}.back-link{color:#54718b;background:0 0;border:0;margin-bottom:12px;padding:0;font-size:11px;font-weight:700}.detail-alert{border:1px solid #ecc980;border-left:4px solid var(--amber);background:var(--amber-soft);border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:10px;padding:10px 13px;display:grid}.detail-alert.danger{border-color:#efb1b1;border-left-color:var(--red);background:var(--red-soft)}.detail-alert>span{color:#fff;background:var(--amber);border-radius:50%;place-items:center;width:23px;height:23px;font-weight:900;display:grid}.detail-alert.danger>span{background:var(--red)}.detail-alert strong{font-size:11px}.detail-alert p{color:#705b32;margin-left:9px;font-size:10px;display:inline}.detail-alert small{color:#816d43;font-size:8px}.detail-header{border:1px solid var(--line);background:#fff;border-radius:7px 7px 0 0;padding:17px 19px 15px}.detail-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.detail-title>div:first-child{align-items:baseline;gap:12px;display:flex}.detail-title-actions{align-items:center;gap:8px;display:flex}.detail-title-actions .secondary-button{min-height:32px}.detail-title h1{margin:0;font-size:25px}.detail-title .status-badge{margin-top:0}.detail-facts{border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;grid-template-columns:repeat(5,minmax(0,1fr));padding:10px 0;display:grid}.detail-facts>div{border-right:1px solid #edf0f2;padding:0 15px}.detail-facts>div:first-child{padding-left:0}.detail-facts>div:last-child{border:0}.detail-facts small,.detail-facts strong{display:block}.detail-facts small{color:var(--muted);font-size:8px}.detail-facts strong{margin-top:2px;font-size:11px}.detail-summary{color:#56697b;margin:11px 0;font-size:10px}.next-plan{background:#d8e2eb;border:1px solid #d8e2eb;border-radius:5px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.next-plan>div{background:#f7fafc;padding:9px 11px;position:relative}.next-plan>div:first-child{background:#e9f3fa}.next-plan span{float:left;color:#fff;background:#7592aa;border-radius:50%;place-items:center;width:17px;height:17px;margin:2px 7px 0 0;font-size:8px;font-weight:800;display:grid}.next-plan .pulse{background:var(--blue);width:8px;height:8px;margin:6px 11px 0 4px;box-shadow:0 0 0 4px #1769aa21}.next-plan small,.next-plan strong,.next-plan em{display:block}.next-plan small{color:var(--muted);font-size:8px}.next-plan strong{font-size:11px}.next-plan em{color:#52718c;margin-left:24px;font-size:8px;font-style:normal}.complete-plan{color:#42645d;background:#edf6f3;border-radius:5px;align-items:center;gap:10px;padding:10px;display:flex}.complete-plan>span{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.complete-plan small,.complete-plan strong{display:block}.complete-plan small{font-size:8px}.complete-plan strong{font-size:11px}.detail-tabs{border:1px solid var(--line);scrollbar-width:thin;background:#fff;border-top:0;padding:0 10px;display:flex;overflow-x:auto}.detail-tabs button{color:#607184;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:5px;min-height:43px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.detail-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.detail-tabs b{color:#fff;background:#7890a5;border-radius:8px;place-items:center;min-width:16px;height:16px;font-size:8px;display:grid}.detail-content{padding-top:12px}.content-panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:7px}.content-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:45px;padding:0 15px;display:flex}.content-panel-head h2{margin:0;font-size:13px}.panel-sub,.edit-hint,.check-progress-text{color:var(--muted);font-size:9px}.panel-description{color:var(--muted);background:#fafbfd;border-bottom:1px solid #edf0f2;margin:0;padding:12px 15px;font-size:10px}.overview-grid{grid-template-columns:1.45fr 1fr;align-items:start;gap:12px;display:grid}.overview-grid>.content-panel:nth-child(n+3){grid-column:span 1}.overview-grid>.cargo-detail-panel{grid-column:1/-1}.cargo-detail-list{padding:4px 14px 10px}.cargo-detail-row{border-bottom:1px solid #edf0f2;grid-template-columns:1fr 150px 120px;align-items:center;gap:12px;min-height:39px;padding:0 8px;font-size:10px;display:grid}.cargo-detail-row:last-child{border-bottom:0}.cargo-detail-row span:nth-child(n+2){text-align:right}.cargo-detail-head{min-height:31px;color:var(--muted);background:#f7f9fa;font-size:8px;font-weight:800}.movement-grid{grid-template-columns:repeat(4,1fr);padding:9px;display:grid}.movement-grid>div{border-bottom:1px solid #edf0f2;border-right:1px solid #edf0f2;grid-template-columns:auto 1fr auto;column-gap:7px;padding:9px;display:grid;position:relative}.movement-grid>div:nth-child(4n){border-right:0}.movement-grid>div:nth-last-child(-n+4){border-bottom:0}.movement-grid span{color:#8194a5;background:#edf1f4;border-radius:50%;grid-row:1/span 3;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.movement-grid .actual span{color:#fff;background:var(--teal)}.movement-grid small{color:var(--muted);font-size:8px}.movement-grid strong{font-size:12px}.movement-grid em{color:var(--muted);font-size:7px;font-style:normal}.movement-actual-checkbox{grid-area:1/3/span 3;align-self:center}.timeline-list{padding:8px 14px}.timeline-list article{grid-template-columns:36px 24px 1fr;gap:8px;padding:8px 0;display:grid;position:relative}.timeline-list article:not(:last-child):after{content:"";background:#dbe3e9;width:1px;position:absolute;top:32px;bottom:-8px;left:47px}.timeline-list time{color:#54738e;padding-top:3px;font-size:9px;font-weight:700}.timeline-icon{z-index:1;color:#fff;background:#718ca4;border-radius:50%;place-items:center;width:22px;height:22px;font-size:7px;font-weight:900;display:grid;position:relative}.timeline-icon.change{background:var(--amber)}.timeline-icon.alert{background:var(--red)}.timeline-icon.document{background:#6d4c7e;font-size:5px}.timeline-icon.note{background:#587e9f}.timeline-list strong{font-size:10px}.timeline-list p{color:#617284;margin:2px 0;font-size:9px}.timeline-list small{color:#8996a1;font-size:7px}.timeline-list.large{padding:15px 22px 25px}.timeline-list.large article{grid-template-columns:55px 30px 1fr;padding:11px 0}.timeline-list.large article:not(:last-child):after{top:38px;bottom:-10px;left:70px}.timeline-list.large .timeline-icon{width:28px;height:28px}.timeline-list.large strong{font-size:12px}.timeline-list.large p{font-size:10px}.timeline-list.large small{font-size:8px}.note-list{padding:7px 14px}.note-list article{border-bottom:1px solid #edf0f2;grid-template-columns:38px 1fr;gap:8px;padding:9px 0;display:grid}.note-list article:last-child{border:0}.note-list article.important{border-left:3px solid var(--amber);background:#fff9ea;border-bottom:0;border-radius:3px;margin:4px 0;padding:8px}.note-list time{color:#54738e;font-size:9px;font-weight:700}.note-list strong{font-size:10px}.note-list strong b{color:#946100;background:#ffe9af;border-radius:2px;margin-left:5px;padding:2px 4px;font-size:7px}.note-list .internal-label{color:#5b5c76;background:#eaebf4}.note-list p{color:#44596b;margin:2px 0;font-size:10px}.note-list small{color:#8a97a2;font-size:7px}.document-mini{padding:8px 14px}.document-mini a{color:inherit;border-bottom:1px solid #edf0f2;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 0;text-decoration:none;display:grid}.document-mini a:last-child{border:0}.document-mini a>span,.pdf-icon{color:#b73535;background:#fde9e9;border-radius:3px;place-items:center;width:31px;height:36px;font-size:7px;font-weight:900;display:grid}.document-mini strong,.document-mini small{display:block}.document-mini strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.document-mini small{color:var(--muted);font-size:7px}.document-mini b{color:#8293a2}.movement-table{overflow-x:auto}.movement-row{border-bottom:1px solid #edf0f2;grid-template-columns:1.05fr 1fr 1fr .9fr 86px;align-items:center;gap:8px;min-width:720px;min-height:51px;padding:0 15px;font-size:10px;display:grid}.movement-row:last-child{border:0}.movement-head{min-height:34px;color:var(--muted);background:#f8fafb;font-size:8px;font-weight:800}.movement-row>span:first-child{align-items:center;gap:8px;display:flex}.movement-row i{color:#8294a5;background:#edf1f4;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;font-style:normal;display:grid}.movement-row i.complete{color:#fff;background:var(--teal)}.movement-actual-cell{align-items:center;gap:8px;display:flex}.movement-actual-cell b{font-weight:inherit}.inline-editor{background:#f3f8fc;border:1px solid #a9c6dc;border-radius:6px;margin:14px;padding:15px}.inline-editor>div:first-child{justify-content:space-between;display:flex}.inline-editor>div:first-child button{background:0 0;border:0;font-size:20px}.editor-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.editor-grid label,.note-form label,.modal label{color:#546778;gap:4px;font-size:9px;font-weight:700;display:grid}.editor-grid .wide{grid-column:1/-1}.editor-actions{justify-content:flex-end;gap:8px;display:flex}.documents-list{padding:6px 15px}.documents-list article{border-bottom:1px solid #edf0f2;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 0;display:grid}.documents-list article:last-child{border:0}.documents-list article.old-version{opacity:.72}.documents-list article>div>div{align-items:center;gap:6px;display:flex}.documents-list strong{font-size:11px}.documents-list p{color:#536779;margin:2px 0;font-size:9px}.documents-list small{color:#83919d;font-size:8px}.current-label,.old-label{color:#08776b;background:#dff3ee;border-radius:2px;padding:2px 5px;font-size:7px}.old-label{color:#677687;background:#edf0f3}.document-actions{gap:6px;display:flex}.document-actions a{border:1px solid var(--line-dark);color:#345f82;background:#fff;border-radius:4px;padding:6px 8px;font-size:8px;font-weight:700;text-decoration:none}.upload-rule{border-top:1px solid var(--line);color:#718191;background:#f8fafb;align-items:center;gap:10px;padding:10px 15px;font-size:8px;display:flex}.upload-rule strong{color:#475c6f}.notes-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:12px;display:grid}.note-form{padding:14px}.note-form>div:first-child{grid-template-columns:1fr 100px;gap:9px;display:grid}.note-form>label{margin-top:10px}.note-form textarea{resize:vertical;min-height:75px}.note-form-bottom{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.note-form-bottom>div{gap:13px;display:flex}.note-form-bottom>div label{align-items:center;gap:5px;display:flex}.mooring-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.operation-type{color:#17679f;letter-spacing:.1em;background:#e7f1f8;border-radius:3px;padding:3px 6px;font-size:7px;font-weight:900}.operation-type.out{color:#435b7e;background:#e9edf3}.operation-summary{border:1px solid var(--line);background:#f8fafb;border-radius:5px;grid-template-columns:1fr 1fr;margin:13px;display:grid}.operation-summary>div{padding:10px 12px}.operation-summary>div:first-child{border-right:1px solid var(--line)}.operation-summary small,.operation-summary strong{display:block}.operation-summary small{color:var(--muted);font-size:8px}.operation-summary strong{font-size:14px}.operation-steps{padding:0 13px 12px}.operation-steps>div{border-bottom:1px solid #edf0f2;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.operation-steps>div>span{color:#768a9c;background:#edf1f4;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.operation-steps>div.done>span{color:#fff;background:var(--teal)}.operation-steps small,.operation-steps strong{display:block}.operation-steps small{color:var(--muted);font-size:8px}.operation-steps strong{font-size:12px}.operation-steps button{border:1px solid var(--blue);min-height:35px;color:var(--blue);background:#fff;border-radius:4px;padding:6px 10px;font-size:8px;font-weight:800}.operation-note{color:#735f31;background:#fff7df;border-radius:4px;margin:0 13px 13px;padding:8px;font-size:9px}.check-progress{background:#e7edf1;border-radius:5px;height:9px;margin:14px;position:relative;overflow:visible}.check-progress i{background:var(--teal);border-radius:5px;height:100%;display:block}.check-progress span{color:var(--teal);font-size:9px;font-weight:800;position:absolute;top:-19px;right:0}.checklist-grid{grid-template-columns:1fr 1fr;gap:7px;padding:0 14px 14px;display:grid}.check-item{border:1px solid var(--line);border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.check-item>span{color:#798b9b;background:#edf1f4;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-weight:800;display:grid}.check-item.完了>span{color:#fff;background:var(--teal)}.check-item.対応中{background:#fffae9;border-color:#e3c476}.check-item strong{font-size:10px}.check-item select{border:1px solid var(--line-dark);background:#fff;border-radius:3px;min-height:29px;font-size:8px}.check-item>b{color:#607184;font-size:8px}.internal-notice{border-top:1px solid var(--line);color:#73758d;background:#f5f5fa;margin:0;padding:9px 14px;font-size:8px}.changes-list{padding:0 15px}.changes-list article{border-bottom:1px solid #edf0f2;grid-template-columns:52px minmax(190px,1fr) 1.2fr;align-items:center;gap:14px;padding:14px 0;display:grid}.changes-list article:last-child{border:0}.changes-list time{color:#54738e;font-size:10px;font-weight:800}.change-main>strong{margin-bottom:5px;font-size:10px;display:block}.change-main>div{align-items:center;gap:7px;display:flex}.change-main span,.change-main em{text-align:center;background:#edf1f4;border-radius:3px;min-width:65px;padding:5px 8px;font-size:11px;font-style:normal}.change-main em{color:#0b6c9f;background:#e7f2f8;font-weight:800}.change-main b{color:#8797a5}.changes-list dl{grid-template-columns:repeat(3,1fr);gap:9px;margin:0;display:grid}.changes-list dl div{min-width:0}.changes-list dt{color:var(--muted);font-size:7px}.changes-list dd{text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:9px;overflow:hidden}.filter-tabs{gap:5px;margin-bottom:10px;display:flex}.filter-tabs button{border:1px solid var(--line);color:#586b7d;background:#fff;border-radius:4px;padding:7px 13px;font-size:9px}.filter-tabs button.active{border-color:var(--blue);color:#fff;background:var(--blue)}.updates-card{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.date-divider{color:#607184;border-bottom:1px solid var(--line);background:#f6f8fa;padding:9px 15px;font-size:9px;font-weight:800}.update-row{width:100%;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f2;grid-template-columns:48px 28px 1fr auto;align-items:start;gap:10px;padding:13px 17px;display:grid}.update-row:hover{background:#f9fbfd}.update-row time{color:#54738e;padding-top:4px;font-size:10px;font-weight:800}.update-row strong{font-size:12px}.update-row p{color:#435769;margin:1px 0;font-size:11px}.update-row small{color:#81909c;font-size:8px}.update-row>b{color:#8b9aa7;font-size:20px}.user-row{border-bottom:1px solid #edf0f2;grid-template-columns:1.2fr .7fr 1.2fr .55fr 50px;align-items:center;gap:10px;min-height:67px;padding:0 15px;font-size:10px;display:grid}.user-head{color:#6d7e8e;background:#f7f9fb;min-height:36px;font-size:8px;font-weight:800}.user-name{align-items:center;gap:9px;display:flex}.user-name i{color:#fff;background:#3e607d;border-radius:50%;place-items:center;width:31px;height:31px;font-style:normal;font-weight:800;display:grid}.user-name strong,.user-name small,.user-row>span>small{display:block}.user-name small,.user-row>span>small{color:var(--muted);font-size:8px}.role-chip{color:#3b5871;background:#eaf0f5;border-radius:2px;margin-bottom:2px;padding:2px 5px;font-size:8px;display:inline-block}.active-status{color:var(--teal);font-size:9px}.user-row>button{border:1px solid var(--line-dark);color:#496477;background:#fff;border-radius:3px;font-size:8px}.demo-footnote{color:var(--muted);font-size:9px}.audit-list article{border-bottom:1px solid #edf0f2;grid-template-columns:85px 1fr 280px;align-items:center;gap:15px;padding:14px 17px;display:grid}.audit-list time{color:#61778b;font-size:9px}.audit-list time strong{font-size:12px}.audit-list>article>div>strong{font-size:11px}.audit-action{color:#246591;background:#e9f2f8;border-radius:2px;margin-right:8px;padding:2px 5px;font-size:7px}.audit-list p{margin:3px 0;font-size:10px}.audit-list p span{color:#697a89}.audit-list p em{color:#087462;font-style:normal;font-weight:800}.audit-list dl{grid-template-columns:auto 1fr;gap:2px 8px;margin:0;font-size:8px;display:grid}.audit-list dt{color:var(--muted)}.audit-list dd{margin:0}.empty-mini{color:#82919e;text-align:center;padding:25px 10px;font-size:9px}.empty-mini.wide{grid-column:1/-1}.empty-mini span{margin-right:5px}.toast{z-index:80;color:#fff;background:#173956;border-radius:6px;align-items:center;gap:9px;padding:12px 16px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #091e3140}.toast span{background:var(--teal);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.modal-backdrop{z-index:49;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#091b2c57;border:0;position:fixed;inset:0}.modal-wrap{z-index:60;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.modal-wrap .modal-backdrop{z-index:0}.modal{z-index:1;background:#fff;border-radius:8px;width:min(580px,100%);padding:18px;position:relative;box-shadow:0 20px 60px #081d2f40}.port-call-modal{width:min(820px,100%);max-height:calc(100vh - 30px);overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head h2{margin:2px 0;font-size:20px}.modal-head>button{background:0 0;border:0;font-size:25px}.modal>p{color:var(--muted);font-size:10px}.modal-grid{grid-template-columns:1fr 1fr;gap:11px;margin:15px 0 20px;display:grid}.modal-grid .wide{grid-column:1/-1}.cargo-editor-section{background:#f8fafb;border:1px solid #cbd8e2;border-radius:6px;padding:12px}.cargo-editor-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.cargo-editor-head strong,.cargo-editor-head small{display:block}.cargo-editor-head strong{font-size:11px}.cargo-editor-head small{color:var(--muted);margin-top:2px;font-size:8px}.cargo-editor-list{gap:7px;display:grid}.cargo-editor-row{background:#fff;border:1px solid #dce4ea;border-radius:5px;grid-template-columns:minmax(125px,1fr) minmax(165px,1.35fr) minmax(90px,.62fr) minmax(125px,.85fr) 34px;align-items:end;gap:8px;padding:9px;display:grid}.cargo-editor-row>*{min-width:0}.remove-cargo-button{color:#a64a4a;background:#fff4f4;border:1px solid #e1b7b7;border-radius:4px;min-height:36px;font-size:17px}.remove-cargo-button:disabled{opacity:.35}.unit-input{grid-template-columns:1fr auto;align-items:stretch;display:grid}.unit-input input{border-radius:4px 0 0 4px;min-width:0}.unit-input b{border:1px solid var(--line-dark);color:#52697b;background:#f2f5f7;border-left:0;border-radius:0 4px 4px 0;place-items:center;min-width:42px;font-size:10px;display:grid}.modal-actions{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:8px;margin:0 -18px -18px;padding:13px 18px;display:flex;position:sticky;bottom:-18px}.dispatch-sequence-field{justify-self:start;width:230px}.dispatch-sequence-field small{color:var(--muted);font-size:8px;font-weight:500}.mobile-nav{display:none}.loading-screen{background:#f4f7f9;place-content:center;justify-items:center;gap:7px;min-height:100vh;display:grid}.loading-logo{object-fit:contain;width:84px;height:84px}.loading-screen>small{color:#536b7e;letter-spacing:.1em;font-size:9px;font-weight:700}.loading-screen strong{font-size:18px}.loading-screen>span:last-child{color:var(--muted);font-size:10px}.login-shell{background:#fff;grid-template-columns:minmax(360px,44%) 1fr;min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:linear-gradient(145deg,#0a2745,#123f69 70%,#1769aa);flex-direction:column;justify-content:space-between;padding:38px 48px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";border:1px solid #ffffff1f;border-radius:50%;width:430px;height:430px;position:absolute;top:22%;right:-180px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff05}.login-brand-panel:after{content:"";opacity:.22;background:linear-gradient(165deg,#0000 45%,#fff 46% 48%,#0000 49%),linear-gradient(15deg,#0000 60%,#4ca2d9 61% 63%,#0000 64%);height:150px;position:absolute;bottom:14%;left:-5%;right:-5%}.login-brand{z-index:1;align-items:center;gap:22px;margin:auto 0;display:flex;position:relative}.login-logo{object-fit:contain;filter:drop-shadow(0 10px 22px #0000002e);flex:0 0 128px;width:128px;height:128px}.login-brand strong,.login-brand small{display:block}.login-brand strong{letter-spacing:.04em;margin-top:8px;font-size:24px;line-height:1.55}.login-brand small{color:#c5d9e8;letter-spacing:.1em;font-size:10px;font-weight:700}.login-status{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.login-status>span{color:#52d6bb}.login-status strong,.login-status small{display:block}.login-status strong{font-size:10px}.login-status small{color:#a7c2d8;font-size:8px}.login-form-panel{place-items:center;padding:35px;display:grid;overflow:auto}.login-form{width:min(520px,100%)}.login-form h2{margin:4px 0;font-size:25px}.form-lead{color:var(--muted);margin:0 0 16px;font-size:10px}.account-picker{gap:6px;margin-bottom:13px;display:grid}.account-picker button{border:1px solid var(--line);width:100%;color:inherit;text-align:left;background:#fff;border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.account-picker button:hover{background:#f8fbfd;border-color:#adc7dc}.account-picker button.selected{box-shadow:inset 3px 0 var(--blue);background:#edf6fc;border-color:#4e91c5}.account-picker button>span{color:#fff;background:#52718d;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.account-picker strong,.account-picker small{display:block}.account-picker strong{font-size:10px}.account-picker small{color:var(--muted);font-size:7px}.account-picker b{color:var(--blue)}.field-label{color:#516577;gap:4px;margin-top:9px;font-size:9px;font-weight:800;display:grid}.login-submit{border:1px solid var(--blue);color:#fff;background:var(--blue);border-radius:5px;justify-content:space-between;align-items:center;width:100%;margin-top:14px;padding:11px 14px;font-weight:800;display:flex}.form-error{color:#a63d3d;background:var(--red-soft);border-radius:3px;margin:9px 0 0;padding:7px 9px;font-size:9px}.security-note{color:#8996a1;text-align:center;margin-top:12px;font-size:7px;display:block}@media (max-width:1280px){.dashboard-layout{grid-template-columns:1fr}.news-panel{display:none}.board-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1040px){.content-area{padding:24px 20px 48px}.board-grid{grid-template-columns:1fr 1fr}.board-card.navy{grid-column:1/-1}.summary-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.overview-grid>.content-panel{grid-column:auto!important}.notes-layout{grid-template-columns:1fr}.login-brand-panel{padding:32px}.login-logo{flex-basis:104px;width:104px;height:104px}.login-brand strong{font-size:20px}}@media (max-width:780px){body{font-size:13px}.topbar{height:60px;padding:0 13px}.user-chip div,.user-chip i,.demo-badge{display:none}.company-logo{flex-basis:38px;width:38px;height:38px}.brand{gap:8px}.brand strong{font-size:12px}.brand small{margin-bottom:1px;font-size:6px}.header-actions{gap:9px}.user-chip{padding-left:10px}.portal-workspace{min-height:calc(100vh - 60px);display:block}.sidebar{display:none}.content-area{padding:18px 11px 86px}.mobile-nav{z-index:35;padding:5px 4px max(5px,env(safe-area-inset-bottom));background:var(--navy);border-top:1px solid #294662;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #071b2c29}.mobile-nav button{color:#b7c7d6;background:0 0;border:0;border-radius:4px;justify-items:center;gap:1px;padding:5px 1px;font-size:8px;display:grid}.mobile-nav button span{font-size:17px}.mobile-nav button.active{color:#fff;background:#214b73}.page-heading{align-items:flex-start;margin-bottom:15px}.page-heading h1{font-size:20px}.page-heading>div>p:last-child{font-size:10px}.page-heading>.primary-button{flex:none;width:38px;height:38px;padding:0;font-size:0}.page-heading>.primary-button:first-letter{font-size:17px}.alert-strip{grid-template-columns:auto 1fr;padding:10px}.alert-strip p{margin:2px 0 0;font-size:9px;display:block}.alert-strip button{display:none}.summary-grid{gap:7px}.summary-grid article{grid-template-columns:auto 1fr;padding:9px}.summary-grid article>b{display:none}.summary-icon{width:31px;height:31px;font-size:14px}.summary-grid strong{font-size:18px}.board-grid{grid-template-columns:1fr}.board-card.navy{grid-column:auto}.vessel-card{padding:13px}.news-panel{display:block}.filter-panel{grid-template-columns:1fr 1fr;gap:7px;display:grid}.search-box{grid-column:1/-1;min-width:0}.result-count{text-align:right;margin:0}.calls-table.table-head{display:none}.calls-table.table-row{grid-template-columns:1fr auto auto;gap:7px;min-height:105px;padding:12px;display:grid;position:relative}.table-row>.vessel-cell{grid-column:1/-1}.table-row>.time-cell:nth-of-type(n+4){display:none}.table-row>.time-cell{background:#f5f7f9;border-radius:3px;padding:6px 8px}.table-row>.time-cell:before{content:"予定";color:#81909d;font-size:7px;display:block}.table-row>.updated-cell{align-self:center}.table-row>.row-arrow{position:absolute;top:11px;right:11px}.detail-alert{grid-template-columns:auto 1fr}.detail-alert small{display:none}.detail-alert p{margin:1px 0;display:block}.detail-header{padding:14px}.detail-title{justify-content:space-between}.detail-title>div{display:block}.detail-title h1{font-size:22px}.detail-facts{grid-template-columns:1fr 1fr;gap:0}.detail-facts>div{border-bottom:1px solid #edf0f2;padding:7px}.detail-facts>div:nth-child(2n){border-right:0}.next-plan{grid-template-columns:1fr}.next-plan>div{border-bottom:1px solid var(--line)}.next-plan>div:last-child{border:0}.detail-tabs{margin:0 -11px;padding:0 7px}.detail-tabs button{min-height:41px;padding:0 10px}.movement-grid{grid-template-columns:1fr 1fr}.movement-grid>div:nth-child(n){border-bottom:1px solid #edf0f2;border-right:1px solid #edf0f2}.movement-grid>div:nth-child(2n){border-right:0}.movement-grid>div:nth-last-child(-n+2){border-bottom:0}.timeline-list.large{padding:10px}.timeline-list.large article{grid-template-columns:42px 28px 1fr}.timeline-list.large article:not(:last-child):after{left:56px}.documents-list article{grid-template-columns:auto 1fr}.document-actions{grid-column:2}.notes-layout,.mooring-grid{grid-template-columns:1fr}.operation-steps button{min-height:42px;font-size:9px}.checklist-grid{grid-template-columns:1fr;padding:0 9px 10px}.changes-list article{grid-template-columns:42px 1fr;gap:8px}.changes-list dl{background:#f7f9fa;grid-column:1/-1;padding:8px}.update-row{grid-template-columns:39px 25px 1fr;padding:11px}.update-row>b{display:none}.user-row{grid-template-columns:1fr auto;min-height:84px}.user-head,.user-row>span:nth-child(2),.user-row>span:nth-child(4){display:none}.audit-list article{grid-template-columns:64px 1fr;padding:12px}.audit-list dl{background:#f7f9fa;grid-column:1/-1;padding:8px}.toast{justify-content:center;bottom:74px;left:11px;right:11px}.modal-grid{grid-template-columns:1fr}.modal-grid .wide{grid-column:auto}.modal{padding:15px}.port-call-modal{max-height:calc(100vh - 20px)}.modal-actions{margin:0 -15px -15px;padding:12px 15px;bottom:-15px}.login-shell{background:#f5f7f9;min-height:100vh;display:block}.login-brand-panel{min-height:210px;padding:22px 20px}.login-brand-panel:after{display:none}.login-brand{justify-content:center;gap:14px;margin:auto 0}.login-logo{flex-basis:82px;width:82px;height:82px}.login-brand strong{margin-top:4px;font-size:18px;line-height:1.42}.login-brand small{font-size:8px}.login-status{display:none}.login-form-panel{padding:21px 15px 35px;display:block}.login-form{background:#fff;border-radius:8px;max-width:520px;margin:0 auto;padding:18px;box-shadow:0 2px 12px #112d4914}.login-form h2{font-size:20px}.account-picker button{min-height:49px}.notification-drawer{padding-bottom:65px}}@media (max-width:420px){.brand strong{max-width:178px;font-size:11px}.company-logo{flex-basis:34px;width:34px;height:34px}.summary-grid article{gap:7px}.summary-icon{width:28px;height:28px}.summary-grid small{font-size:8px}.summary-grid strong{font-size:16px}.filter-panel select{width:100%;min-width:0}.next-plan>div:nth-child(n+4){display:none}.login-brand-panel{min-height:190px}}@media (max-width:780px){.report-export-bar{grid-template-columns:1fr auto;gap:9px;padding:11px;display:grid}.report-export-bar>div{grid-column:1/-1}.report-export-bar label{min-width:0}.report-export-bar input{width:145px;min-width:0}.detail-title>div:first-child{display:block}.detail-title>.detail-title-actions{align-items:center;display:flex}.detail-title-actions .secondary-button{padding:7px 9px;font-size:8px}.cargo-editor-head{align-items:flex-start}.cargo-editor-row{grid-template-columns:1fr}.remove-cargo-button{width:100%}.cargo-detail-row{grid-template-columns:1fr 82px 65px;gap:7px;padding:0 5px}.calls-table.table-row{grid-template-columns:1fr 1fr;min-height:170px}.table-row>.time-cell:nth-of-type(n+4){display:block}.table-row>.time-cell{min-width:0}.time-cell strong{font-size:10px}}.simple-shell{color:#17324a;background:#f2f5f7;min-height:100vh}.simple-header{z-index:20;background:#fff;border-bottom:1px solid #d7e0e7;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0f2b420d}.simple-brand{align-items:center;gap:11px;display:flex}.simple-brand img{object-fit:contain}.simple-brand div{grid-template-columns:auto auto;align-items:center;column-gap:9px;display:grid}.simple-brand small{color:#667d90;letter-spacing:.09em;grid-column:1/-1;font-size:7px;font-weight:800}.simple-brand div>span{color:#fff;background:#267e76;border-radius:10px;padding:2px 7px;font-size:7px;font-weight:800}.simple-header-actions{align-items:center;gap:12px;display:flex}.simple-header-actions>a{color:#1769aa;font-size:9px;font-weight:800;text-decoration:none}.simple-header-actions>button{color:#53697b;background:#fff;border:1px solid #d7e0e7;border-radius:5px;align-items:center;gap:7px;padding:7px 10px;font-size:8px;display:flex}.simple-header-actions b{color:#fff;background:#345f82;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;display:grid}.simple-header-actions span{color:#17324a;font-weight:800}.simple-content{width:min(1180px,100% - 40px);margin:0 auto;padding:31px 0 55px}.simple-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px;display:flex}.simple-title-row p{color:#267e76;letter-spacing:.18em;margin:0;font-size:7px;font-weight:900}.simple-title-row h1{margin:3px 0 2px;font-size:25px}.simple-title-row div>span{color:#728493;font-size:9px}.simple-primary{color:#fff;background:#1769aa;border:1px solid #1769aa;border-radius:5px;min-height:37px;padding:0 15px;font-size:9px;font-weight:800}.simple-summary{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px;display:grid}.simple-summary article{background:#fff;border:1px solid #dbe3e9;border-radius:7px;grid-template-columns:1fr auto auto;align-items:end;gap:4px;padding:13px 15px;display:grid;box-shadow:0 2px 8px #112d440a}.simple-summary small{color:#64798b;align-self:center;font-size:9px;font-weight:800}.simple-summary strong{font-size:25px;line-height:1}.simple-summary span{color:#768897;font-size:8px}.simple-summary article.attention{background:#fffaf2;border-color:#e8bd87}.simple-summary article.attention strong{color:#b66b19}.simple-alerts{background:#fff8ef;border:1px solid #edc6a1;border-radius:7px;grid-template-columns:120px 1fr;align-items:start;gap:12px;margin-bottom:12px;padding:11px 13px;display:grid}.simple-alerts>strong{color:#96530e;align-items:center;gap:7px;font-size:9px;display:flex}.simple-alerts>strong span{color:#fff;background:#e07a16;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.simple-alerts>div{flex-wrap:wrap;gap:6px;display:flex}.simple-alerts button{color:#623c1d;text-align:left;background:#fff;border:1px solid #edcba9;border-radius:4px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:7px;min-height:35px;padding:5px 9px;display:grid}.simple-alerts button b{font-size:10px}.simple-alerts button span{color:#a65610;background:#fff0df;border-radius:2px;padding:2px 4px;font-size:7px;font-weight:800}.simple-alerts button small{color:#84603f;font-size:7px}.simple-alerts button em{color:#b07843;font-size:16px;font-style:normal}.simple-view-tabs{background:#e8edf1;border:1px solid #d4dee5;border-radius:6px;gap:3px;width:max-content;margin:0 0 9px;padding:3px;display:flex}.simple-view-tabs button{color:#607586;background:0 0;border:0;border-radius:4px;min-height:33px;padding:0 15px;font-size:8px;font-weight:900}.simple-view-tabs button.active{color:#fff;background:#123c61;box-shadow:0 2px 6px #11334e2e}.simple-list-section{background:#fff;border:1px solid #d8e1e7;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0f2b420d}.simple-list-head{border-bottom:1px solid #e0e6eb;justify-content:space-between;align-items:center;gap:15px;min-height:62px;padding:0 16px;display:flex}.simple-list-head>div:first-child{align-items:baseline;gap:9px;display:flex}.simple-list-head h2{margin:0;font-size:15px}.simple-list-head>div:first-child span{color:#7c8c99;font-size:8px}.simple-filters{gap:7px;display:flex}.simple-filters label{background:#fff;border:1px solid #ccd7df;border-radius:4px;align-items:center;gap:6px;min-width:230px;padding:0 9px;display:flex}.simple-filters label span{color:#75899a}.simple-filters input{border:0;outline:0;width:100%;min-width:0;height:33px;padding:0;font-size:9px}.simple-filters select{color:#405a6e;background:#fff;border:1px solid #ccd7df;border-radius:4px;min-width:135px;height:35px;font-size:8px}.simple-berth-section{background:#fff;border:1px solid #d8e1e7;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0f2b420d}.simple-berth-section>header{border-bottom:1px solid #e0e6eb;justify-content:space-between;align-items:center;gap:15px;min-height:62px;padding:0 16px;display:flex}.simple-berth-section>header h2{margin:0;font-size:15px}.simple-berth-section>header span{color:#7c8c99;margin-left:9px;font-size:8px}.simple-berth-section>header small{color:#526e82;font-size:8px;font-weight:800}.simple-berth-scroll{overflow:auto}.simple-berth-scroll table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:900px}.simple-berth-scroll th,.simple-berth-scroll td{border-bottom:1px solid #e1e7eb;border-right:1px solid #e1e7eb}.simple-berth-scroll thead th{z-index:2;color:#fff;background:#244f70;height:41px;font-size:9px;position:sticky;top:0}.simple-berth-scroll thead th:first-child{z-index:3;background:#123c61;width:130px;left:0}.simple-berth-scroll tbody th{z-index:1;color:#29465d;text-align:left;white-space:nowrap;background:#f2f6f8;width:130px;padding:12px;font-size:9px;position:sticky;left:0}.simple-berth-scroll td{vertical-align:top;background:#fff;min-height:82px;padding:7px}.simple-berth-scroll tbody tr:last-child th,.simple-berth-scroll tbody tr:last-child td{border-bottom:0}.simple-berth-scroll tr>:last-child{border-right:0}.simple-berth-scroll td>button{color:#19394f;text-align:left;background:#f4f9fc;border:1px solid #b9cedc;border-left:3px solid #1769aa;border-radius:4px;grid-template-columns:auto 1fr auto;gap:2px 6px;width:100%;margin-bottom:5px;padding:7px;display:grid}.simple-berth-scroll td>button:last-of-type{margin-bottom:0}.simple-berth-scroll td>button:hover{background:#edf6fb;border-color:#6e9bb9}.simple-berth-scroll td>button.has-alert{background:#fff8ef;border-color:#e1b77d #e1b77d #e1b77d #df861f}.simple-berth-scroll td button>span{color:#1769aa;font-size:8px;font-weight:900}.simple-berth-scroll td button>small{color:#6e8190;text-overflow:ellipsis;white-space:nowrap;grid-column:1/3;font-size:7px;overflow:hidden}.simple-berth-scroll td button>em{color:#526b7d;white-space:nowrap;background:#e7eef3;border-radius:8px;grid-area:1/3/3;align-self:center;padding:2px 4px;font-size:6px;font-style:normal}.simple-berth-empty{color:#b2bec7;text-align:center;padding-top:21px;font-size:9px;display:block}.simple-call-list{display:grid}.simple-call-card{width:100%;min-height:112px;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #e7ecef;grid-template-columns:1.25fr .75fr 2fr 20px;align-items:center;gap:16px;padding:14px 18px;display:grid;position:relative}.simple-call-card:last-child{border-bottom:0}.simple-call-card:hover{background:#f8fbfd}.simple-call-card.has-alert{box-shadow:inset 4px 0 #df861f}.simple-call-main>div:first-child{flex-wrap:wrap;gap:4px;display:flex}.simple-status{color:#225a83;background:#e6f1f8;border-radius:10px;align-items:center;min-height:19px;padding:0 7px;font-size:7px;font-weight:900;display:inline-flex}.simple-status.status-cargo{color:#176d65;background:#e2f3ef}.simple-status.status-departed{color:#667681;background:#edf0f2}.simple-status.status-departure_ready{color:#344f6b;background:#e9eef3}.simple-attention-chip{color:#aa5b0b;background:#fff0df;border-radius:9px;padding:2px 6px;font-size:7px;font-weight:900}.simple-call-main h3{margin:6px 0 1px;font-size:18px}.simple-call-main p{color:#526a7c;margin:0;font-size:8px;font-weight:700}.simple-call-main>small{color:#7b8a96;font-size:8px}.simple-next{background:#f1f8f6;border-left:3px solid #267e76;padding:9px 11px}.simple-next small,.simple-next strong,.simple-next span{display:block}.simple-next small{color:#698075;font-size:7px}.simple-next strong{margin:2px 0;font-size:11px}.simple-next span{color:#267e76;font-size:7px;font-weight:700}.simple-card-times{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.simple-card-times>div{background:#f4f7f9;border-radius:4px;padding:7px}.simple-card-times small,.simple-card-times strong,.simple-card-times span{display:block}.simple-card-times small{color:#738695;font-size:7px}.simple-card-times strong{white-space:nowrap;margin:2px 0;font-size:9px}.simple-card-times span{color:#81909b;font-size:6px}.simple-card-arrow{color:#8294a2;font-size:21px}.simple-empty{color:#7d8d99;text-align:center;padding:50px;font-size:9px}.simple-today-vessel:disabled,.simple-berth-scroll td>button:disabled,.simple-call-card:disabled{cursor:default;opacity:1}.simple-today-vessel:disabled:hover{background:#fff;border-color:#cbdbe5}.simple-berth-scroll td>button:disabled:hover{background:#f4f9fc;border-color:#b9cedc #b9cedc #b9cedc #1769aa}.simple-call-card:disabled:hover{background:#fff}.simple-toast{z-index:90;color:#fff;background:#17655f;border-radius:5px;padding:11px 15px;font-size:9px;font-weight:800;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #0d333040}.simple-drawer-wrap,.simple-modal-wrap{z-index:50;position:fixed;inset:0}.simple-drawer-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0a1b2a61;border:0;width:100%;height:100%;position:absolute;inset:0}.simple-drawer{background:#f4f6f8;width:min(620px,100%);height:100%;position:absolute;top:0;right:0;overflow:auto;box-shadow:-15px 0 45px #081b2b33}.simple-drawer>header{z-index:2;color:#fff;background:#123c61;justify-content:space-between;align-items:center;min-height:73px;padding:0 19px;display:flex;position:sticky;top:0}.simple-drawer>header>div:first-child{align-items:center;gap:9px;display:flex}.simple-drawer>header small{color:#a9c3d8;letter-spacing:.13em;font-size:6px}.simple-drawer>header h2{margin:0;font-size:21px}.simple-drawer>header>div:last-child{gap:6px;display:flex}.simple-edit-button{color:#fff;background:#244e70;border:1px solid #7091ab;border-radius:4px;min-height:31px;padding:0 11px;font-size:8px;font-weight:800}.simple-close{color:#fff;background:0 0;border:0;width:32px;height:32px;font-size:24px}.simple-drawer-body{padding:15px}.simple-detail-alert{background:#fff8ef;border:1px solid #efc395;border-radius:5px;align-items:center;gap:9px;margin-bottom:9px;padding:10px;display:flex}.simple-detail-alert>b{color:#fff;background:#dd7c1b;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.simple-detail-alert strong{color:#9c570d;font-size:10px}.simple-detail-alert p{color:#835f3c;margin:1px 0;font-size:8px}.simple-current{color:#fff;background:#1a5a6f;border-radius:6px;grid-template-columns:auto 1fr 1.5fr;align-items:center;gap:8px;margin-bottom:9px;padding:12px 14px;display:grid}.simple-current>small{color:#a9d4d4;font-size:7px}.simple-current>strong{font-size:15px}.simple-current>div{border-left:1px solid #fff3;grid-template-columns:auto 1fr;gap:2px 7px;padding-left:12px;display:grid}.simple-current>div span{color:#195c64;background:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:22px;height:22px;font-size:7px;font-weight:900;display:grid}.simple-current>div b{font-size:9px}.simple-current>div em{color:#acd6d3;font-size:7px;font-style:normal}.simple-facts{background:#fff;border:1px solid #dde4e9;border-radius:6px;grid-template-columns:repeat(4,1fr);margin-bottom:9px;display:grid}.simple-facts>div{border-right:1px solid #e5e9ed;min-height:55px;padding:10px}.simple-facts>div:last-child{border:0}.simple-facts small,.simple-facts strong,.simple-facts span{display:block}.simple-facts small{color:#748594;font-size:7px}.simple-facts strong{margin-top:3px;font-size:9px}.simple-facts span{color:#748594;font-size:7px}.simple-detail-section{background:#fff;border:1px solid #dde4e9;border-radius:6px;margin-bottom:9px;padding:13px}.simple-detail-section h3{margin:0 0 9px;font-size:11px}.simple-movement-list{border:1px solid #e2e7eb;border-radius:5px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.simple-movement-list>div{background:#fff;border-bottom:1px solid #e7ebee;border-right:1px solid #e7ebee;grid-template-columns:19px 1fr auto auto 17px;align-items:center;gap:5px;min-height:43px;padding:5px 8px;display:grid}.simple-movement-list>div:nth-child(2n){border-right:0}.simple-movement-list>div:nth-last-child(-n+2){border-bottom:0}.simple-movement-list>div>span{color:#758b99;border:1px solid #bcc9d2;border-radius:50%;place-items:center;width:16px;height:16px;font-size:7px;display:grid}.simple-movement-list>div.actual>span{color:#fff;background:#267e76;border-color:#267e76}.simple-movement-list strong{font-size:8px}.simple-movement-list time{color:#233f55;font-size:8px;font-weight:800}.simple-movement-list small{color:#7e8e99;font-size:6px}.simple-movement-list input{accent-color:#267e76;width:14px;height:14px;margin:0}.simple-note-form{grid-template-columns:1fr auto;gap:6px;margin-bottom:8px;display:grid}.simple-note-form input{border:1px solid #cbd6de;border-radius:4px;height:34px;padding:0 9px;font-size:9px}.simple-note-form button{color:#fff;background:#1769aa;border:1px solid #1769aa;border-radius:4px;padding:0 12px;font-size:8px;font-weight:800}.simple-note-list article{border-bottom:1px solid #ebeff2;grid-template-columns:40px 1fr;gap:8px;padding:8px 2px;display:grid}.simple-note-list article:last-child{border:0}.simple-note-list time{color:#56758c;font-size:8px;font-weight:800}.simple-note-list strong{font-size:8px}.simple-note-list strong b{color:#a7530d;background:#fff0df;margin-left:5px;padding:1px 4px;font-size:6px}.simple-note-list p{color:#4e6373;margin:2px 0;font-size:8px}.simple-document{color:inherit;border:1px solid #e0e5e9;border-radius:4px;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;padding:9px;text-decoration:none;display:grid}.simple-document>b{color:#fff;background:#be4d4d;border-radius:3px;place-items:center;width:32px;height:32px;font-size:7px;display:grid}.simple-document span strong,.simple-document span small{display:block}.simple-document span strong{font-size:8px}.simple-document span small{color:#7a8a96;font-size:6px}.simple-document em{color:#5b7b93;font-style:normal}.simple-update-list article{border-bottom:1px solid #edf0f2;grid-template-columns:38px 1fr;gap:7px;padding:6px 0;display:grid}.simple-update-list article:last-child{border:0}.simple-update-list time{color:#52728a;font-size:8px;font-weight:800}.simple-update-list strong,.simple-update-list small{display:block}.simple-update-list strong{font-size:8px}.simple-update-list small{color:#82909a;margin-top:1px;font-size:6px}.simple-muted{color:#81909a;margin:5px 0;font-size:8px}.simple-modal{background:#fff;border-radius:8px;width:min(760px,100% - 28px);max-height:calc(100vh - 28px);margin:14px auto;position:relative;overflow:auto;box-shadow:0 18px 55px #081b2b42}.simple-modal>header{z-index:2;background:#fff;border-bottom:1px solid #dce3e8;justify-content:space-between;align-items:center;padding:15px 18px;display:flex;position:sticky;top:0}.simple-modal>header small{color:#267e76;letter-spacing:.13em;font-size:6px;font-weight:900}.simple-modal>header h2{margin:2px 0 0;font-size:18px}.simple-modal>header button{background:0 0;border:0;font-size:23px}.simple-dispatch-row{align-items:end;gap:11px;padding:15px 18px 0;display:flex}.simple-dispatch-row label{width:230px}.simple-dispatch-row>small{color:#718493;padding-bottom:10px;font-size:8px}.simple-form-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:15px 18px;display:grid}.simple-modal label{color:#52697b;gap:4px;font-size:7px;font-weight:900;display:grid}.simple-modal input,.simple-modal select{color:#203b51;background:#fff;border:1px solid #c9d4dc;border-radius:4px;width:100%;min-width:0;height:36px;padding:0 9px;font-size:9px}.simple-voyage-form,.simple-after-departure-form{background:#f6f9fa;border:1px solid #dbe4e9;border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;margin:0 18px 15px;padding:12px;display:grid}.simple-schedule-form{background:#f6f9fa;border:1px solid #dbe4e9;border-radius:6px;margin:0 18px 15px;padding:12px}.simple-schedule-form h3{margin:0 0 8px;font-size:10px}.simple-schedule-form>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.simple-modal>footer{background:#fff;border-top:1px solid #dce3e8;justify-content:flex-end;gap:7px;padding:12px 18px;display:flex;position:sticky;bottom:0}.simple-modal>footer>button:first-child{color:#52697b;background:#fff;border:1px solid #cbd6de;border-radius:5px;min-height:37px;padding:0 14px;font-size:8px;font-weight:800}.simple-loading{color:#17324a;background:#f2f5f7;place-content:center;justify-items:center;gap:9px;min-height:100vh;display:grid}.simple-loading img{object-fit:contain}.simple-loading strong{font-size:11px}.simple-login-shell{background:linear-gradient(145deg,#0d2d4a,#164d75);place-items:center;min-height:100vh;padding:22px;display:grid}.simple-login-card{background:#fff;border-radius:10px;grid-template-columns:1fr 1.12fr;width:min(760px,100%);display:grid;overflow:hidden;box-shadow:0 22px 60px #02101c52}.simple-login-brand{color:#fff;background:#123c61;align-items:center;gap:15px;padding:32px;display:flex}.simple-login-brand img{object-fit:contain}.simple-login-brand small,.simple-login-brand strong,.simple-login-brand span{display:block}.simple-login-brand small{color:#b8cede;letter-spacing:.08em;font-size:7px;font-weight:800}.simple-login-brand strong{margin:5px 0;font-size:17px;line-height:1.5}.simple-login-brand span{background:#267e76;border-radius:9px;width:max-content;padding:2px 7px;font-size:7px;font-weight:800}.simple-login-card form{padding:28px}.simple-login-card h1{margin:0;font-size:19px}.simple-login-card form>p{color:#708391;margin:4px 0 14px;font-size:8px}.simple-account-picker{gap:6px;margin-bottom:12px;display:grid}.simple-account-picker button{color:inherit;text-align:left;background:#fff;border:1px solid #d4dde4;border-radius:5px;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.simple-account-picker button.selected{background:#eff7fc;border-color:#3d88bd;box-shadow:inset 3px 0 #1769aa}.simple-account-picker button>b{color:#fff;background:#496e8b;border-radius:50%;place-items:center;width:27px;height:27px;font-size:8px;display:grid}.simple-account-picker strong,.simple-account-picker small{display:block}.simple-account-picker small{color:#7b8c98;font-size:6px}.simple-account-picker em{color:#1769aa;font-style:normal}.simple-login-card form>label{color:#52697b;gap:4px;font-size:7px;font-weight:900;display:grid}.simple-login-card form>label input{border:1px solid #cbd6de;border-radius:4px;height:37px;padding:0 9px;font-size:9px}.simple-login-button{color:#fff;background:#1769aa;border:1px solid #1769aa;border-radius:5px;width:100%;height:39px;margin-top:11px;font-size:9px;font-weight:900}.simple-login-button:disabled{opacity:.6}.simple-login-card form>a{color:#527b9a;text-align:center;margin-top:11px;font-size:7px;font-weight:800;text-decoration:none;display:block}.simple-error{background:#fff0f0;color:#9b4141!important;padding:7px!important;font-size:7px!important}@media (max-width:900px){.simple-call-card{grid-template-columns:1fr 1fr 20px}.simple-card-times{grid-area:2/1/auto/-2}.simple-next{grid-area:1/2}.simple-card-arrow{grid-area:1/3/3}.simple-form-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.simple-header{min-height:60px;padding:0 11px}.simple-brand img{width:38px;height:38px}.simple-brand strong{max-width:210px;font-size:11px;display:block}.simple-brand div>span,.simple-brand small{font-size:6px}.simple-header-actions>a,.simple-header-actions button span{display:none}.simple-header-actions>button{padding:5px}.simple-content{width:calc(100% - 20px);padding:20px 0 35px}.simple-title-row{align-items:flex-start}.simple-title-row h1{font-size:21px}.simple-title-row div>span{display:none}.simple-primary{width:39px;padding:0;font-size:0}.simple-primary:first-letter{font-size:15px}.simple-summary{grid-template-columns:1fr 1fr;gap:6px}.simple-summary article{padding:10px}.simple-summary strong{font-size:21px}.simple-alerts{grid-template-columns:1fr;padding:9px}.simple-alerts button{grid-template-columns:auto auto 1fr auto;width:100%}.simple-view-tabs{width:100%}.simple-view-tabs button{flex:1;padding:0 8px}.simple-list-head{padding:11px;display:grid}.simple-list-head>div:first-child{justify-content:space-between}.simple-filters{width:100%}.simple-filters label{flex:1;min-width:0}.simple-filters select{width:112px;min-width:0}.simple-berth-section>header{padding:11px 12px;display:block}.simple-berth-section>header span{margin:2px 0 0;display:block}.simple-berth-section>header small{margin-top:5px;display:block}.simple-berth-scroll table{min-width:820px}.simple-berth-scroll thead th:first-child,.simple-berth-scroll tbody th{width:112px}.simple-call-card{grid-template-columns:1fr auto;gap:9px;padding:12px}.simple-next{grid-area:2/1}.simple-card-times{grid-area:3/1/auto/-1;grid-template-columns:1fr 1fr}.simple-card-arrow{position:absolute;top:13px;right:11px}.simple-facts{grid-template-columns:1fr 1fr}.simple-facts>div{border-bottom:1px solid #e5e9ed;border-right:1px solid #e5e9ed}.simple-facts>div:nth-child(2n){border-right:0}.simple-facts>div:nth-last-child(-n+2){border-bottom:0}.simple-movement-list{grid-template-columns:1fr}.simple-movement-list>div:nth-child(n){border-bottom:1px solid #e7ebee;border-right:0}.simple-movement-list>div:last-child{border-bottom:0}.simple-current{grid-template-columns:auto 1fr}.simple-current>div{border-top:1px solid #fff3;border-left:0;grid-column:1/-1;padding:8px 0 0}.simple-form-grid,.simple-schedule-form>div,.simple-voyage-form,.simple-after-departure-form{grid-template-columns:1fr}.simple-dispatch-row{display:grid}.simple-dispatch-row label,.dispatch-sequence-field{width:100%}.simple-dispatch-row>small{padding:0}.simple-login-card{grid-template-columns:1fr}.simple-login-brand{justify-content:center;padding:19px}.simple-login-brand img{width:70px;height:70px}.simple-login-card form{padding:20px}}.simple-shell :where(a,button,input,select,label,p,small,time){font-size:12px}.simple-shell :where(span,em){font-size:11px}.simple-brand strong{font-size:16px}.simple-brand div>span{font-size:10px}.simple-title-row h1{font-size:28px}.simple-list-head h2,.simple-berth-section>header h2{font-size:18px}.simple-call-main h3{font-size:20px}.simple-next strong,.simple-card-times strong,.simple-berth-scroll th{font-size:12px}.simple-berth-scroll td button>strong{font-size:13px}.simple-facts strong,.simple-detail-alert strong,.simple-movement-list strong,.simple-note-list strong,.simple-document span strong,.simple-update-list strong{font-size:12px}.simple-detail-section h3,.simple-schedule-form h3,.simple-cargo-form h3{font-size:14px}.simple-login-shell :where(a,button,input,label,p,small,span,em){font-size:12px}.simple-account-picker strong{font-size:13px}@media (max-width:650px){.simple-title-row h1{font-size:24px}.simple-title-row>.simple-primary{font-size:0}.simple-modal>footer .simple-primary{width:auto;padding:0 14px;font-size:12px}}.segmented-datetime{border:1px solid var(--line-dark);background:#fff;border-radius:4px;grid-template-columns:50px 7px 30px 7px 30px minmax(68px,1fr) 31px;align-items:center;width:100%;min-height:38px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.segmented-datetime:focus-within{border-color:#4e91c2;box-shadow:0 0 0 3px #1769aa21}.segmented-datetime>span{color:#83919c;text-align:center;font-size:11px;font-weight:500}.segmented-datetime input.date-part,.segmented-datetime input.date-time-part{text-align:center;font-weight:500;color:#203b51!important;width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;margin:0!important;padding:0 2px!important;font-size:12px!important}.segmented-datetime input.date-time-part{border-left:1px solid #dce3e8!important;padding:0 3px!important}.segmented-datetime .date-picker-button{color:#416983;background:#f5f8fa;border:0;border-left:1px solid #dce3e8;place-items:center;width:31px;height:36px;padding:0;font-size:15px;display:grid}.segmented-datetime .date-picker-button:hover{color:#1769aa;background:#eaf3f9}.segmented-datetime input.date-picker-native{opacity:0!important;pointer-events:none!important;border:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;position:absolute!important;bottom:0!important;right:0!important}@media (max-width:420px){.segmented-datetime{grid-template-columns:48px 6px 29px 6px 29px minmax(66px,1fr) 30px}}.simple-call-card{grid-template-rows:auto auto;grid-template-columns:1fr 1.25fr .78fr 20px}.simple-call-main p{align-items:center;gap:7px;margin-top:3px;display:flex}.simple-call-main p>b{color:#266a65;background:#e8f5f2;border-radius:3px;padding:2px 5px;font-size:10px}.simple-call-main>small{margin-top:4px;font-weight:800;display:block}.simple-cargo-breakdown{background:#fff;border:1px solid #dbe4e9;border-radius:5px;overflow:hidden}.simple-cargo-breakdown-head,.simple-cargo-breakdown-row{grid-template-columns:minmax(0,1.25fr) minmax(72px,.8fr) minmax(58px,.65fr);align-items:center;display:grid}.simple-cargo-breakdown-head{color:#5e7485;background:#edf3f6;font-size:10px;font-weight:900}.simple-cargo-breakdown-head>span{padding:5px 7px}.simple-cargo-breakdown-row{border-top:1px solid #e5eaee;min-height:31px}.simple-cargo-breakdown-row>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:5px 7px;overflow:hidden}.simple-cargo-breakdown-row strong{font-size:12px}.simple-cargo-breakdown-row span{color:#405b6f;font-weight:700;font-size:11px!important}.simple-cargo-breakdown.compact .simple-cargo-breakdown-head,.simple-cargo-breakdown.compact .simple-cargo-breakdown-row{grid-template-columns:minmax(0,1.4fr) 1fr 1fr}.simple-cargo-breakdown.compact .simple-cargo-breakdown-row{min-height:37px}.simple-card-arrow{grid-area:1/4/3}.simple-facts{grid-template-columns:repeat(3,1fr)}.simple-berth-cargo{border-top:1px solid #dce7ed;grid-column:1/-1;gap:3px;margin-top:4px;padding-top:5px;display:grid}.simple-berth-cargo small{text-overflow:ellipsis;grid-template-columns:34px minmax(0,1fr);gap:4px;line-height:1.35;overflow:hidden;color:#526c7e!important;font-size:10px!important;display:grid!important}.simple-berth-cargo b{color:#788b98;font-size:9px}.simple-berth-scroll td button>em{grid-row:1}@media (max-width:900px){.simple-call-main{grid-area:1/1}.simple-next{grid-area:1/2}.simple-call-card>.simple-cargo-breakdown{grid-area:2/1/auto/-2}.simple-card-times{grid-area:3/1/auto/-2}.simple-card-arrow{grid-area:1/3/4}}@media (max-width:650px){.simple-call-main{grid-area:1/1}.simple-next{grid-area:2/1}.simple-call-card>.simple-cargo-breakdown{grid-area:3/1/auto/-1}.simple-card-times{grid-area:4/1/auto/-1}.simple-facts{grid-template-columns:1fr 1fr}.simple-facts>div:last-child{border-right:0;grid-column:1/-1}}.simple-today-section{background:#fff;border:1px solid #d8e1e7;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0f2b420d}.simple-today-section>header{background:#fff;border-bottom:1px solid #dbe3e8;justify-content:space-between;align-items:center;gap:15px;min-height:66px;padding:0 17px;display:flex}.simple-today-section>header h2{margin:0;font-size:19px}.simple-today-section>header span{color:#748695;margin-top:2px;font-size:11px;display:block}.simple-today-section>header strong{color:#184e72;font-size:17px}.simple-today-berth{border-bottom:1px solid #dfe6eb;grid-template-columns:120px minmax(0,1fr);display:grid}.simple-today-berth:last-child{border-bottom:0}.simple-today-berth>header{background:#edf3f6;border-right:1px solid #d9e2e8;padding:17px 14px}.simple-today-berth>header h3{color:#1f4967;margin:0;font-size:16px}.simple-today-berth>header span{color:#718593;margin-top:4px;font-size:11px;display:block}.simple-today-berth>div{min-width:0;padding:9px}.simple-today-vessel{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #cbdbe5;border-left:4px solid #1769aa;border-radius:6px;gap:9px;margin-bottom:8px;padding:12px;display:grid;position:relative}.simple-today-vessel:last-child{margin-bottom:0}.simple-today-vessel:hover{background:#f9fcfd;border-color:#83abc5}.simple-today-vessel.has-alert{background:#fffaf4;border-color:#e2bd89 #e2bd89 #e2bd89 #dd7d19}.simple-today-vessel-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.simple-today-vessel-head h4{margin:0;font-size:18px}.simple-today-alert{color:#98530e;background:#fff0df;border-radius:4px;margin:0;padding:6px 8px;font-size:11px;font-weight:800}.simple-today-movements{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.simple-today-movements>div{background:#f1f5f7;border-radius:4px;padding:7px 8px}.simple-today-movements small,.simple-today-movements strong,.simple-today-movements span{display:block}.simple-today-movements small{color:#718493;font-size:10px}.simple-today-movements strong{color:#203e54;white-space:nowrap;margin:2px 0;font-size:12px}.simple-today-movements span{color:#7e8e99;font-size:9px}.simple-today-vessel>em{color:#1769aa;text-align:right;font-size:10px;font-style:normal;font-weight:900}.simple-today-empty{color:#9aa8b2;place-items:center;min-height:56px;margin:0;font-size:12px;display:grid}@media (max-width:760px){.simple-today-berth{grid-template-columns:1fr}.simple-today-berth>header{border-bottom:1px solid #d9e2e8;border-right:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.simple-today-berth>header span{margin:0}.simple-today-movements{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.simple-today-section>header{padding:12px;display:block}.simple-today-section>header strong{margin-top:6px;display:block}.simple-today-movements{grid-template-columns:1fr 1fr}}.simple-special-note{color:#455e71;background:#f7f9fa;border:1px solid #dbe3e8;border-radius:4px;gap:8px;margin:0;padding:7px 9px;font-size:10px;line-height:1.5;display:flex}.simple-special-note b{color:#29485f;flex:none}.simple-berth-scroll td button>.simple-berth-note{color:#b42318;text-overflow:clip;white-space:normal;border-top:1px solid #f0c5c5;grid-column:1/-1;padding-top:4px;overflow:visible}.simple-card-special-note{border-top:1px solid #f0c5c5;grid-template-columns:auto 1fr;gap:5px;padding-top:5px;display:grid;color:#b42318!important;margin-top:5px!important;font-weight:500!important}.simple-card-special-note b{color:#b42318}.simple-detail-special-note{color:#455e71;background:#f7f9fa;border:1px solid #dbe3e8;border-radius:5px;align-items:flex-start;gap:9px;margin-bottom:9px;padding:10px;display:flex}.simple-detail-special-note strong{color:#29485f;flex:none;font-size:10px}.simple-detail-special-note p{margin:0;font-size:9px;line-height:1.5}.simple-special-note-field{background:#f7f9fa;border:1px solid #dbe4e9;border-radius:6px;margin:0 18px 15px;padding:12px}.simple-special-note-field textarea{color:#203b51;resize:vertical;background:#fff;border:1px solid #c9d4dc;border-radius:4px;width:100%;min-height:72px;padding:8px;font-size:9px}.simple-special-note-field small{color:#778995;margin-top:5px;font-size:7px;display:block}.modal textarea{border:1px solid var(--line-dark);width:100%;min-height:72px;color:var(--ink);resize:vertical;background:#fff;border-radius:4px;padding:8px 9px}.special-note-field small{color:var(--muted);font-size:8px;font-weight:500}.port-call-modal .modal-grid{gap:14px}.port-call-modal .modal-grid>label,.port-call-modal .berthing-field>label,.port-call-modal .cargo-editor-row label{gap:6px;font-size:13px}.port-call-modal input,.port-call-modal select,.port-call-modal textarea{font-size:15px}.port-call-modal .segmented-datetime{min-height:42px}.port-call-modal .segmented-datetime input.date-part,.port-call-modal .segmented-datetime input.date-time-part{height:40px!important;min-height:40px!important;font-size:14px!important}.port-call-modal .segmented-datetime .date-picker-button{height:40px;font-size:17px}.berthing-field,.previous-port-field{align-content:start;gap:7px;display:grid}.berthing-field>label,.previous-port-field>label:first-child{display:grid}.berthing-field>.same-time-checkbox,.previous-port-field>.same-time-checkbox{color:#365268;cursor:pointer;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.berthing-field>.same-time-checkbox input,.previous-port-field>.same-time-checkbox input{accent-color:#1769aa;width:17px;height:17px;min-height:17px;margin:0}.berthing-field>.same-time-checkbox input:disabled,.previous-port-field>.same-time-checkbox input:disabled{cursor:not-allowed;opacity:.5}.user-actions{justify-content:flex-end;gap:7px;display:flex}.user-actions button,.user-readonly{color:#31556f;white-space:nowrap;background:#fff;border:1px solid #b8cad7;border-radius:4px;min-height:31px;padding:0 10px;font-size:11px;font-weight:700}.user-actions .danger{color:#a64141;background:#fff7f7;border-color:#e6b9b9}.user-readonly{color:#748594;background:#f6f8fa;align-items:center;display:inline-flex}.inactive-status{color:#82909a;font-size:10px;font-weight:800}.user-form-note,.user-form-error{border-radius:5px;margin:0 0 14px;padding:9px 11px;font-size:11px;line-height:1.55}.user-form-note{color:#526b7c;background:#f4f8fb}.user-form-error{color:#a13e3e;background:#fff0f0}.vessel-cell .vessel-special-note{color:#52697b;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;display:block;overflow:hidden}.detail-special-note{border:1px solid var(--line);color:#40576a;background:#f7f9fa;border-radius:5px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:10px 13px;display:flex}.detail-special-note strong{flex:none;font-size:10px}.detail-special-note p{margin:0;font-size:10px;line-height:1.55}.simple-status.status-outside_wait{color:#344f6b;background:#e9eef3}.cargo-status-value{justify-content:flex-end;align-items:center;gap:6px;display:flex}.cargo-status-value b{font-weight:700}.cargo-status-value small{color:var(--muted);white-space:nowrap;font-size:8px}.cargo-status-value .actual-checkbox{width:16px;height:16px;accent-color:var(--teal);margin:0}.cargo-input-status{color:#486377;align-items:center;gap:5px;margin-top:5px;font-size:11px;font-weight:700;display:flex}.cargo-input-status input{width:16px;height:16px;min-height:16px;accent-color:var(--teal);margin:0}.cargo-input-status input:disabled{opacity:.45}.pallet-plan-upload,.simple-pallet-plan-upload{background:#f4f8fb;border:1px solid #bfd2df;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px;display:grid}.pallet-plan-upload strong,.pallet-plan-upload small,.simple-pallet-plan-upload strong,.simple-pallet-plan-upload small{display:block}.pallet-plan-upload strong,.simple-pallet-plan-upload strong{color:#24465f;font-size:11px}.pallet-plan-upload small,.simple-pallet-plan-upload small{color:#718493;margin-top:2px;font-size:8px}.pallet-plan-upload>p,.simple-pallet-plan-upload>p{color:#52697b;overflow-wrap:anywhere;background:#fff;border-radius:4px;grid-column:1/-1;margin:0;padding:7px 9px;font-size:9px}.pallet-plan-upload>p.error,.simple-pallet-plan-upload>p.error{color:#a13e3e;background:#fff0f0}.pallet-plan-upload>a,.simple-pallet-plan-upload>a{color:#1769aa;grid-column:1/-1;width:max-content;font-size:9px;font-weight:800;text-decoration:none}.simple-pallet-plan-upload{margin:0 18px 15px}.simple-pallet-plan-upload>button{color:#fff;background:#1769aa;border:1px solid #1769aa;border-radius:5px;min-height:36px;padding:0 12px;font-size:8px;font-weight:900}.simple-today-vessel-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.simple-today-vessel-actions>a,.simple-today-vessel-actions>button{color:#1769aa;background:#fff;border:1px solid #1769aa;border-radius:4px;align-items:center;min-height:32px;padding:0 11px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex}.simple-today-vessel-actions>a{color:#fff;background:#1769aa}.simple-today-vessel-actions>span{color:#82919d;margin-right:auto;font-size:9px;font-weight:700}@media (max-width:650px){.pallet-plan-upload,.simple-pallet-plan-upload{grid-template-columns:1fr}.pallet-plan-upload>button,.simple-pallet-plan-upload>button{width:100%}.simple-today-vessel-actions{flex-direction:column;align-items:stretch}.simple-today-vessel-actions>a,.simple-today-vessel-actions>button{justify-content:center;width:100%}.simple-today-vessel-actions>span{text-align:center;margin:0}}.portal-shell{background:#f7f8fa}.portal-workspace{grid-template-columns:230px minmax(0,1fr)}.sidebar{background:#0b2742;padding:22px 13px 16px}.sidebar nav{gap:6px}.sidebar nav button{color:#c9d5df;border-radius:5px;min-height:46px;padding:11px 14px;font-size:13px}.sidebar nav button span{color:#e3ebf1;font-size:18px}.sidebar nav button.active{color:#fff;box-shadow:none;background:#0876cc}.sidebar nav button.active span{color:#fff}.sidebar-bottom{border-color:#25445f;gap:12px;padding:16px 8px 2px}.sidebar-bottom .sidebar-live{font-size:11px}.sidebar-user{grid-template-columns:38px 1fr;align-items:center;gap:9px;display:grid!important}.sidebar-user>span{color:#fff;background:#315a7b;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.sidebar-user>div{min-width:0;display:block}.sidebar-user strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-user small{color:#9fb5c7;font-size:10px;display:block}.sidebar-bottom>button{color:#b9c9d6;border-color:#25445f;margin:0;padding:10px 0 0;font-size:10px}.mobile-user-chip{display:none}.content-area{background:#f7f8fa;max-width:none;padding:26px 30px 48px}.operations-page-header{justify-content:space-between;align-items:flex-end;gap:24px;min-height:74px;margin-bottom:19px;display:flex}.operations-page-header p{color:#356684;letter-spacing:.14em;margin:0 0 2px;font-size:10px;font-weight:900}.operations-page-header h1{color:#102b49;letter-spacing:.01em;margin:0;font-size:32px;line-height:1.25}.operations-page-header>div:first-child>span{color:#667686;margin-top:5px;font-size:12px;display:block}.operations-page-actions{align-items:center;gap:16px;display:flex}.operations-page-actions>strong{color:#183c5a;white-space:nowrap;font-size:20px}.operations-page-actions>.simple-primary{border-radius:5px;min-height:44px;padding:0 18px;font-size:13px}.operations-board{gap:11px;display:grid}.operations-board-intro{justify-content:space-between;align-items:center;gap:16px;padding:3px 1px;display:flex}.operations-board-intro h2{color:#172f45;margin:0;font-size:20px}.operations-board-intro p{color:#6a7885;margin:2px 0 0;font-size:12px}.operations-board-intro>span{color:#63717e;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.operations-board-intro i{border-radius:50%;width:9px;height:9px;margin-left:8px;display:inline-block}.operations-board-intro i:first-child{margin-left:0}.operations-berth-list{gap:12px;display:grid}.operations-berth{background:#fff;border:1px solid #d8dee4;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #152b3e0d}.operations-berth-header{color:#15344d;text-align:left;background:#fff;border:0;border-bottom:1px solid #e0e5e9;grid-template-columns:18px auto auto 1fr;align-items:center;gap:8px;width:100%;min-height:49px;padding:0 16px;display:grid}.operations-berth-header>span{color:#37647f;font-size:11px}.operations-berth-header>strong{font-size:17px}.operations-berth-header>b{color:#4e6475;background:#edf1f4;border-radius:11px;padding:2px 7px;font-size:11px}.operations-berth-header>em{color:#557184;justify-self:end;font-size:10px;font-style:normal;font-weight:700}.operations-berth-header[aria-expanded=false]{border-bottom:0}.operations-berth-calls{gap:10px;padding:10px;display:grid}.operations-empty{color:#94a0a9;place-items:center;min-height:54px;margin:0;font-size:12px;display:grid}.operations-vessel-card{background:#fff;border:1px solid #d9dfe4;border-radius:7px;gap:13px;padding:17px 18px;display:grid;box-shadow:0 1px 4px #102b490d}.operations-vessel-card>header{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:18px;display:grid}.operations-vessel-identity{align-items:center;gap:12px;min-width:0;display:flex}.operations-vessel-icon{color:#173f5d;background:#fff;border:1px solid #b9c8d3;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:900;display:grid}.operations-vessel-identity h3{color:#112d44;margin:0;font-size:25px;line-height:1.15}.operations-vessel-identity small{color:#77848f;margin-top:4px;font-size:10px;display:block}.operations-next{border-left:3px solid #1672b8;min-width:0;padding-left:14px}.operations-next small,.operations-next strong,.operations-next span{display:block}.operations-next small{color:#697987;font-size:10px;font-weight:700}.operations-next strong{color:#102e47;margin:1px 0;font-size:17px;line-height:1.3}.operations-next span{color:#1672b8;font-size:10px;font-weight:800}.operations-status{color:#075f9e;white-space:nowrap;background:#edf7fd;border:1px solid #9fc5df;border-radius:18px;justify-content:center;align-items:center;min-width:84px;min-height:34px;padding:4px 12px;font-size:13px;font-weight:900;display:inline-flex}.operations-cargo{color:#425666;border-top:1px solid #e7ebee;border-bottom:1px solid #e7ebee;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:9px 11px;font-size:12px;display:flex}.operations-cargo b{color:#263e51;font-weight:800}.operations-cargo>span{background:#d9dfe4;width:1px;height:14px;margin:0 8px}.operations-pallets{align-items:stretch;gap:8px;padding:0 1px;display:flex}.operations-pallets>strong{color:#314b5e;white-space:nowrap;align-items:center;padding-right:7px;font-size:11px;display:flex}.operations-pallets>label{color:#125f96;cursor:pointer;background:#f4faff;border:1px solid #a9cce3;border-radius:5px;grid-template-columns:1fr auto 18px;align-items:center;gap:3px 9px;min-width:190px;padding:8px 10px;display:grid}.operations-pallets>label>span{color:#445d70;grid-column:1;font-size:10px;font-weight:800}.operations-pallets>label>b{color:#123c5a;grid-area:2/1;font-size:15px}.operations-pallets>label>em{color:#126ba8;background:#e2f1fb;border-radius:10px;grid-area:1/2/3;align-self:center;padding:2px 7px;font-size:9px;font-style:normal;font-weight:900}.operations-pallets>label>input{accent-color:#16835d;grid-area:1/3/3;width:16px;height:16px;margin:0}.operations-pallets>label:has(input:disabled){cursor:default}.operations-timeline{grid-template-columns:repeat(5,minmax(105px,1fr));padding:4px 0 2px;display:grid}.operations-timeline-step{text-align:center;justify-items:center;gap:2px;min-width:0;padding:0 8px;display:grid;position:relative}.operations-timeline-step:after{content:"";z-index:0;background:#cfd7dd;width:100%;height:3px;position:absolute;top:12px;left:50%}.operations-timeline-step:last-child:after{display:none}.operations-timeline-step>i{z-index:1;color:#fff;background:#fff;border:3px solid #1672b8;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-style:normal;font-weight:900;display:grid;position:relative}.operations-timeline-step>small{color:#657685;margin-top:3px;font-size:10px;font-weight:700}.operations-timeline-step>strong{color:#1167a9;white-space:nowrap;font-size:19px;line-height:1.2}.operations-datetime{justify-items:center;gap:1px;display:grid}.operations-datetime>small{color:#6b7d8d;font-size:10px;font-weight:700;line-height:1.1}.operations-datetime>span{font-size:19px;line-height:1.15}.operations-timeline-step>em{color:#1672b8;font-size:9px;font-style:normal;font-weight:900}.operations-change-time{justify-items:center;gap:2px;display:grid}.operations-change-time>small{color:#6b7d8d;font-size:10px;font-weight:700;line-height:1.1}.operations-change-time>span{justify-content:center;align-items:center;gap:5px;display:flex}.operations-change-time i{color:#909ba3;font-size:12px;font-style:normal}.operations-change-time del{color:#687785;font-size:13px;font-weight:500}.operations-change-time span{color:#909ba3;font-size:12px}.operations-change-time b{color:#c46108;font-size:19px}.operations-note{color:#b42318;background:#fff8f8;border:1px solid #f0c5c5;border-radius:5px;gap:10px;margin:0;padding:9px 11px;font-size:11px;display:flex}.operations-note b{color:#b42318;flex:none}.operations-alert{color:#9f2828;background:#fff3f3;border:1px solid #e3a5a5;border-radius:5px;align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:11px;display:flex}.operations-alert>span{color:#fff;background:#c83d3d;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid}.operations-vessel-card>footer{justify-content:space-between;align-items:center;gap:14px;min-height:36px;padding-top:1px;display:flex}.operations-vessel-card>footer>div>a,.operations-vessel-card>footer>div>span{color:#577084;font-size:10px;font-weight:700;text-decoration:none}.operations-vessel-card>footer nav{gap:8px;display:flex}.operations-vessel-card>footer nav>a,.operations-vessel-card>footer nav>button{color:#173f60;background:#fff;border:1px solid #173f60;border-radius:5px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.operations-vessel-card>footer nav>button:disabled{cursor:default;opacity:.42}.operations-vessel-card>footer nav>.operations-detail-button{color:#fff;background:#126fb4}.operations-last-updated{color:#768491;text-align:right;font-size:10px}@media (max-width:1050px){.portal-workspace{grid-template-columns:196px minmax(0,1fr)}.content-area{padding:24px 22px 45px}.operations-vessel-card>header{grid-template-columns:minmax(190px,1fr) auto;gap:12px}.operations-timeline-step>strong,.operations-change-time b{font-size:16px}}@media (max-width:780px){.mobile-user-chip{display:flex}.content-area{background:#f7f8fa;padding:20px 13px 86px}.operations-page-header{align-items:flex-start;min-height:0;margin-bottom:16px}.operations-page-header h1{font-size:25px}.operations-page-actions{gap:9px}.operations-page-actions>strong{font-size:15px}.operations-page-actions>.simple-primary{width:42px;height:42px;min-height:42px;padding:0;font-size:0}.operations-page-actions>.simple-primary:first-letter{font-size:18px}.operations-board-intro{align-items:flex-start}.operations-board-intro>span{display:none}.operations-vessel-card>header{grid-template-columns:1fr auto}.operations-next{grid-area:2/1/auto/-1}.operations-status{grid-area:1/2}}@media (max-width:560px){.operations-page-header{gap:12px;display:grid}.operations-page-actions{justify-content:space-between}.simple-view-tabs{width:100%;overflow:auto}.simple-view-tabs button{flex:1;min-width:max-content}.operations-board-intro h2{font-size:18px}.operations-berth-header{padding:0 12px}.operations-berth-header>strong{font-size:16px}.operations-berth-header>em{font-size:9px}.operations-berth-calls{padding:7px}.operations-vessel-card{gap:11px;padding:14px 12px}.operations-vessel-card>header{gap:10px}.operations-vessel-icon{flex-basis:36px;width:36px;height:36px;font-size:11px}.operations-vessel-identity h3{font-size:22px}.operations-status{min-width:74px;min-height:31px;padding:3px 9px;font-size:11px}.operations-next strong{font-size:16px}.operations-cargo{grid-template-columns:auto 1fr;gap:3px 6px;padding:8px;display:grid}.operations-cargo>span{display:none}.operations-pallets{grid-template-columns:1fr 1fr;display:grid}.operations-pallets>strong{grid-column:1/-1;padding:0}.operations-pallets>label{min-width:0}.operations-timeline{grid-template-columns:1fr;padding-left:7px;display:grid}.operations-timeline-step{text-align:left;grid-template-columns:28px 84px 1fr auto;place-items:center start;gap:7px;min-height:58px;padding:0}.operations-timeline-step:after{width:3px;height:100%;top:50%;left:12px}.operations-timeline-step:last-child:after{display:none}.operations-timeline-step>i{grid-area:1/1;width:26px;height:26px}.operations-timeline-step>small{grid-area:1/2;margin:0;font-size:10px}.operations-timeline-step>strong{grid-area:1/3;font-size:18px}.operations-datetime{place-items:baseline start;gap:6px;display:flex}.operations-datetime>small{font-size:10px}.operations-datetime>span{font-size:18px}.operations-timeline-step>em{grid-area:1/4;font-size:9px}.operations-change-time{justify-content:flex-start!important}.operations-vessel-card>footer{flex-direction:column;align-items:stretch}.operations-vessel-card>footer nav{grid-template-columns:1fr 1fr;display:grid}.operations-vessel-card>footer nav>a,.operations-vessel-card>footer nav>button{padding:0 9px}}.portal-shell,.content-area{background:#f7f8fa}.sidebar{background:#0f2b46}.sidebar nav button,.sidebar nav button span{color:#e5edf4}.sidebar nav button:hover{background:#ffffff14}.sidebar nav button.active{background:#2f6fae}.sidebar-bottom,.sidebar-bottom>button{border-color:#23425d}.sidebar-bottom,.sidebar-bottom>button,.sidebar-user small{color:#9fb3c4}.sidebar-user>span{background:#123653}.operations-page-header p{color:#6b7280}.operations-page-header h1{color:#172a3a}.operations-page-header>div:first-child>span,.operations-page-actions>strong{color:#6b7280}.operations-board-intro h2,.operations-berth-header,.operations-vessel-identity h3{color:#1f2937}.operations-board-intro p,.operations-board-intro>span,.operations-berth-header>em,.operations-last-updated{color:#6b7280}.operations-berth{border-color:#e5e7eb;box-shadow:0 1px 3px #1f29370d}.operations-berth-header{border-bottom-color:#e5e7eb}.operations-berth-header:hover{background:#f5f7f9}.operations-berth-header>span{color:#6b7280}.operations-berth-header>b{color:#6b7280;background:#f5f7f9}.operations-empty{color:#9ca3af}.legend-planned{background:#2f6fae}.legend-actual{background:#2f8f6b}.legend-change{background:#c9852b}.legend-alert{background:#c75a5a}.operations-vessel-card{border-color:#e5e7eb;box-shadow:0 1px 3px #1f29370d}.operations-vessel-icon{color:#29445f;border-color:#c9d2dc}.operations-vessel-identity small{color:#6b7280}.operations-next{border-left-color:#2f6fae}.operations-next small{color:#6b7280}.operations-next strong{color:#163a5c}.operations-next span{color:#2f6fae}.operations-status{color:#2f6fae;background:#eef5fb;border-color:#c9dcec}.operations-status.status-cargo,.operations-status.status-departure_ready{color:#b87421;background:#fbf5ea;border-color:#e8d1aa}.operations-status.status-departed,.operations-status.status-berthed,.operations-status.status-cargo_done{color:#2f8f6b;background:#eef8f3;border-color:#cbe5d8}.operations-status.status-outside_wait{color:#b94a4a;background:#fbefef;border-color:#f1c6c6}.operations-status.current-blue{color:#2f6fae;background:#eef5fb;border-color:#c9dcec}.operations-status.current-green{color:#2f8f6b;background:#eef8f3;border-color:#cbe5d8}.operations-status.current-red{color:#b94a4a;background:#fbefef;border-color:#f1c6c6}.operations-cargo{color:#6b7280;border-color:#eef1f4}.operations-cargo b{color:#1f2937}.operations-cargo>span{background:#e5e7eb}.operations-pallets>strong,.operations-pallets>label>span{color:#6b7280}.operations-pallets>label{color:#2f6fae;background:#eef5fb;border-color:#c9dcec}.operations-pallets>label>b{color:#1f2937}.operations-pallets>label>em{color:#2f6fae;background:#e7f1f9}.operations-pallets>label>input{accent-color:#2f8f6b}.operations-pallets>label.actual{color:#2f8f6b;background:#eef8f3;border-color:#cbe5d8}.operations-pallets>label.actual>em{color:#2f8f6b;background:#e6f4ec}.operations-timeline-step:after{background:#cbd5e1}.operations-timeline-step>i{color:#fff;background:#fff;border-color:#2f6fae}.operations-timeline-step>small{color:#6b7280}.operations-timeline-step>strong,.operations-timeline-step>em{color:#2f6fae}.operations-timeline-step.actual:after{background:#cbe5d8}.operations-timeline-step.actual>i{background:#2f8f6b;border-color:#2f8f6b}.operations-timeline-step.actual>strong,.operations-timeline-step.actual>em{color:#2f8f6b}.operations-timeline-step.changed>i{background:#fbf5ea;border-color:#c9852b}.operations-timeline-step.changed>strong,.operations-timeline-step.changed>em{color:#b87421}.operations-timeline-step.unset>i{border-color:#cbd5e1}.operations-timeline-step.unset>strong,.operations-timeline-step.unset>em{color:#9ca3af}.operations-change-time del{color:#6b7280}.operations-change-time span{color:#9ca3af}.operations-change-time b{color:#b87421}.operations-note{color:#b94a4a;background:#fff5f5;border-color:#f1c6c6}.operations-note b{color:#b94a4a}.operations-alert{color:#b94a4a;background:#fff5f5;border-color:#f1c6c6}.operations-alert>span{background:#c75a5a}.operations-vessel-card>footer>div>a,.operations-vessel-card>footer>div>span{color:#6b7280}.operations-vessel-card>footer nav>a,.operations-vessel-card>footer nav>button{color:#29445f;background:#fff;border-color:#aebcc9}.operations-vessel-card>footer nav>a:hover,.operations-vessel-card>footer nav>button:hover{background:#f5f7f9}.operations-vessel-card>footer nav>.operations-detail-button{color:#fff;background:#163a5c;border-color:#163a5c}.operations-vessel-card>footer nav>.operations-detail-button:hover{background:#1d496f}.simple-primary{background:#2f6fae;border-color:#2f6fae}.simple-primary:hover{background:#163a5c}.simple-view-tabs{background:#f5f7f9;border-color:#e5e7eb}.simple-view-tabs button{color:#6b7280}.simple-view-tabs button.active{background:#163a5c;box-shadow:0 2px 6px #1f29371f}.status-badge.blue{color:#1b639a;background:#e5f0f8}.status-badge.green{color:#00796c;background:#ddf3ee}.status-badge.red{color:#ad3939;background:#fde7e7}.status-badge.yellow{color:#966200;background:#fff0c9}.status-badge.gray{color:#637386;background:#edf1f4}.operations-status.current-yellow{color:#b87421;background:#fbf5ea;border-color:#e8d1aa}.operations-status.current-gray{color:#61717e;background:#f1f4f6;border-color:#d5dce3}.simple-status.current-blue{color:#225a83;background:#e6f1f8}.simple-status.current-green{color:#176d65;background:#e2f3ef}.simple-status.current-red{color:#ad3939;background:#fde7e7}.simple-status.current-yellow{color:#966200;background:#fff0c9}.simple-status.current-gray{color:#637386;background:#edf1f4}.movement-edit-button{color:#47677d;background:#fff;border:1px solid #bfd0dc;border-radius:3px;grid-column:2;justify-self:start;margin-top:2px;padding:1px 5px;font-size:8px}.movement-grid-editor{border-top:1px solid #e6edf1;grid-column:1/-1;gap:5px;margin-top:7px;padding-top:7px;display:grid}.movement-grid-editor input{color:#173a55;border:1px solid #b9c9d5;border-radius:3px;width:100%;min-width:0;height:28px;padding:3px 5px;font-size:10px}.movement-grid-editor>div{justify-content:flex-end;gap:5px;display:flex}.movement-grid-editor button{color:#47677d;background:#fff;border:1px solid #bfd0dc;border-radius:3px;padding:3px 7px;font-size:8px}.movement-grid-editor button:last-child{color:#fff;background:#347db8;border-color:#276dab}@media (max-width:780px){.table-row>.time-cell:nth-of-type(4){display:block}}.portal-shell :where(small,p,label,input,select,textarea,button,span,em,time),.login-shell :where(small,p,label,input,select,textarea,button,span,em,time){font-size:max(12px,1em)}.simple-call-card{grid-template-columns:1fr 1.25fr 20px}.simple-call-card>.simple-cargo-breakdown{grid-area:1/2}.simple-card-times{grid-area:2/1/auto/-2}.simple-card-arrow{color:#567287;cursor:pointer;background:0 0;border:0;grid-area:1/3/4;align-self:stretch;padding:0;font-size:24px}.simple-card-arrow:hover{color:#126fb4;background:#eef6fb}.realtime-document-links{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.realtime-document-links>strong{color:#536b7d;font-size:12px}.realtime-document-item{background:#f8fafb;border:1px solid #d6e0e7;border-radius:5px;align-items:center;gap:5px;min-width:0;padding:4px 5px 4px 8px;display:flex}.realtime-document-item>span{color:#354f63;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:800;overflow:hidden}.realtime-document-item>a{color:#254c6b;background:#fff;border:1px solid #aebdca;border-radius:4px;justify-content:center;align-items:center;min-height:28px;padding:0 9px;font-weight:800;text-decoration:none;display:inline-flex}.realtime-document-item>a:last-child{color:#fff;background:#315f82;border-color:#315f82}.realtime-document-item>a:hover{background:#edf4f8}.realtime-document-item>a:last-child:hover{background:#244d6d}.realtime-document-empty{color:#87949e}.simple-card-documents{grid-column:1/-1}.simple-call-card>.realtime-document-links.compact{border-top:1px solid #e5ebef;grid-area:3/1/auto/-2;padding-top:9px}@media (max-width:560px){.portal-shell :where(small,p,label,input,select,textarea,button,span,em,time),.login-shell :where(small,p,label,input,select,textarea,button,span,em,time){font-size:max(11px,1em)}.simple-call-card>.realtime-document-links.compact{grid-area:5/1/auto/-1}.realtime-document-links{flex-direction:column;align-items:stretch}.realtime-document-item{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.realtime-document-item>span{max-width:none}}