/* KAL-CRM-DESIGN-017: shared Kalimas maritime dashboard palette. */
.crm-shell{--crm-ink:#123d47;--crm-muted:#5c746e;--crm-line:#dce6df;display:grid;grid-template-columns:205px minmax(0,1fr);gap:28px;max-width:1600px;margin:auto;padding:10px 0 60px;color:var(--crm-ink)}
.crm-main{min-width:0}.crm-shell h2{font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.035em}.crm-shell h3{font-size:20px;line-height:1.25;letter-spacing:-.025em}.crm-shell p{font-size:14px;line-height:1.65}.crm-shell .btn{border-radius:11px;min-height:44px;padding:11px 17px;font-size:13px;gap:10px;border-color:#b8ccc2;background:#fff;color:#234d48;line-height:1.4}.crm-shell .btn:hover{background:#edf4ef;border-color:#70998a;transform:translateY(-1px)}.crm-shell .btn.primary,.crm-view-heading>.btn{background:var(--orange);border-color:var(--orange);color:#fff}.crm-shell .btn.primary:hover,.crm-view-heading>.btn:hover{background:#a73510;border-color:#a73510;color:#fff}
.crm-sidebar{padding:30px 0;align-self:start;position:sticky;top:20px}.crm-sidebar-heading .eyebrow{font-size:9px;letter-spacing:.14em;color:#6c8178}.crm-sidebar-heading h2{font-size:27px;margin:13px 0 30px;max-width:180px;font-weight:500}.crm-tabs{display:flex;flex-direction:column;gap:7px}.crm-tabs .btn{background:transparent;border:1px solid transparent;justify-content:flex-start;text-align:left;font-size:12px;padding:14px 12px;min-width:0}.crm-nav-number{font-size:10px;letter-spacing:.05em;opacity:.6;font-weight:400}.crm-tabs .btn[aria-current=page]{background:#123d47;border-color:#123d47;color:#fff;box-shadow:0 6px 14px #123d4712}.crm-tabs .btn[aria-current=page] .crm-nav-number{color:#ffc2a0;opacity:1}.crm-sidebar-note{margin:38px 10px 0;border-top:1px solid #d2dfd6;padding-top:24px}.crm-sidebar-note strong{display:block;font-weight:500;font-family:Georgia,serif;font-size:19px;line-height:1.4;margin:12px 0}.crm-sidebar-note p{color:var(--crm-muted);font-size:12px}.crm-sidebar-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.crm-top{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(100deg,#092f39f5 15%,#123d47bd 62%,#123d4770),url('/assets/maritime-atlas.png') center 55%/cover;color:#fff;border-radius:25px;padding:38px;min-height:236px;display:flex;justify-content:space-between;gap:28px;align-items:center}.crm-top:after{content:'';position:absolute;z-index:-1;right:-55px;bottom:-180px;width:420px;height:420px;border:1px solid #d9ece42b;border-radius:50%;box-shadow:0 0 0 38px #d9ece40a,0 0 0 76px #d9ece409;pointer-events:none}.crm-top .eyebrow{color:#c8dfd6;font-size:9px;letter-spacing:.18em}.crm-top h1{margin:20px 0 16px;font-size:clamp(36px,4vw,54px);font-weight:500;letter-spacing:-.055em;line-height:1.1}.crm-top h1 em{font-family:Georgia,serif;color:#edac86;font-weight:400}.crm-top p{color:#dfebe6;max-width:390px;font-size:14px}.crm-top>.btn{flex-shrink:0;background:#ffffff12;color:#fff;border-color:#ffffff65;font-weight:500}.crm-top>.btn:hover{background:#fff;color:#123d47;border-color:#fff}
#crm-content{padding-top:30px;min-width:0}.crm-view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.crm-view-heading .eyebrow{font-size:9px;color:#668277;letter-spacing:.16em}.crm-view-heading h2{margin-top:9px;font-size:26px;font-weight:500;line-height:1.25}.crm-view-heading>.btn{flex-shrink:0}.crm-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:22px;background:#fff;border:1px solid var(--crm-line);border-radius:18px}.crm-filters label,.crm-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;color:#526c62;min-width:0}.crm-filters input,.crm-filters select,.crm-form input,.crm-form select,.crm-form textarea{font:inherit;font-size:13px;padding:11px 12px;border:1px solid #d2dfd7;border-radius:9px;background:#f9fbf9;color:#173e38;min-width:0;width:100%;min-height:44px}.crm-filters>.btn{justify-self:start;min-width:112px}.crm-shell :focus-visible,.crm-form :focus-visible{outline:3px solid #c65b32;outline-offset:3px}.crm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.crm-form .wide{grid-column:1/-1}.crm-form textarea{min-height:100px;resize:vertical}.crm-form button{justify-self:start}
.crm-toolbar,.crm-pager{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.crm-toolbar{justify-content:flex-end}.crm-panel{background:#fff;border:1px solid var(--crm-line);border-radius:20px;padding:24px;margin:22px 0;min-width:0;box-shadow:0 4px 18px #173e3803}.crm-panel>h2{margin-bottom:18px}.crm-panel>p{color:var(--crm-muted);margin:12px 0}.crm-panel>.crm-scroll:last-child{margin-bottom:0}.crm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.crm-metric{position:relative;padding:22px 18px;border-radius:17px;background:#f3f6f2;min-width:0;min-height:142px;overflow:hidden;border:1px solid #e2e9e3}.crm-metric:first-child{background:#123d47;color:#fff;border-color:#123d47}.crm-metric:nth-child(2){background:#e0ebe5;border-color:#d5e3db}.crm-metric:nth-child(3){background:#f2e8dc;border-color:#eaddcf}.crm-metric span{display:block;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.4}.crm-metric strong{display:block;font-size:clamp(19px,1.8vw,28px);font-weight:500;letter-spacing:-.04em;margin:22px 0 4px;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.crm-metric:first-child strong{color:#fff}.crm-metric:first-child:after{content:'';width:90px;height:90px;border-radius:50%;border:1px solid #ffffff24;position:absolute;right:-38px;bottom:-45px;pointer-events:none}.crm-metric-note p{font-size:12px;color:#63786c;margin-top:18px}.crm-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.crm-grid-two .crm-panel{margin:0}
.crm-scroll{overflow:auto;max-width:100%;border:1px solid #e2eae4;border-radius:12px;margin:18px 0}.crm-table{width:100%;border-collapse:collapse;background:#fff}.crm-table th,.crm-table td{text-align:left;padding:16px 14px;border-bottom:1px solid #e8eee9;vertical-align:top;font-size:12px;line-height:1.6}.crm-table th{background:#f0f5f1;color:#62796c;font-size:10px;letter-spacing:.06em;font-weight:600;white-space:nowrap}.crm-table tbody tr:last-child td{border-bottom:0}.crm-table tbody tr:hover{background:#fafcf9}.crm-table td p{font-size:12px;margin-top:6px}.crm-table td small{color:#7b8e82;font-size:10px}.crm-table td .btn{padding:5px 9px;min-height:36px;font-size:11px;background:#edf4ef;border:0;border-radius:7px}.crm-table .crm-empty-cell{text-align:center;padding:32px 15px;color:#6c8073}.crm-empty-cell strong{font-size:13px;font-weight:500;display:block;color:#355749}.crm-empty-cell p{font-size:11px!important;color:#72877a}.crm-empty-symbol{display:block;color:#8eaa98;font-size:26px;line-height:1;margin-bottom:13px}
.crm-note{background:#eaf2ec;border:1px solid #d6e5d9;border-left:3px solid #7a9f8c;border-radius:0 12px 12px 0;padding:15px 18px;margin:18px 0;font-size:12px;line-height:1.6;color:#476451}.crm-warning{background:#f9f2e8;border-color:#ecddc5;border-left-color:#c59653;color:#78613e}.crm-detail{white-space:pre-wrap;overflow-wrap:anywhere}.crm-tag{display:inline-block;padding:5px 10px;background:#e4efec;border-radius:20px;font-size:11px}.crm-record{padding:22px;border:1px solid #dce6df;border-radius:15px;margin:14px 0;background:#fbfcfa;overflow-wrap:anywhere}.crm-record h3{margin:0 0 12px}.crm-record p{margin:9px 0;font-size:13px;color:#5d7366}.crm-record>.btn{margin:10px 7px 0 0}.crm-section{margin:25px 0}.crm-muted{color:#6c7f72!important;font-size:11px!important;line-height:1.6;margin:12px 0}.crm-link{color:#15535b;text-decoration:underline;cursor:pointer}.crm-entry{margin:12px 0;border-radius:10px}#crm-import-file{display:block;width:100%;padding:20px;border:1px dashed #a8c1ae;border-radius:12px;background:#f2f6f1;margin:12px 0;color:#476451}#crm-import-result{overflow-wrap:anywhere}
@media(min-width:1400px){.crm-filters{grid-template-columns:repeat(6,minmax(0,1fr))}.crm-filters>.btn{grid-column:6;justify-self:stretch}}
@media(max-width:1100px){.crm-shell{grid-template-columns:170px minmax(0,1fr);gap:20px}.crm-top{padding:30px;flex-wrap:wrap;gap:20px}.crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-metric strong{font-size:25px}.crm-grid-two{grid-template-columns:1fr}}
@media(max-width:760px){.crm-shell{display:block;padding:0 0 35px}.crm-sidebar{position:static;padding:0 0 18px}.crm-sidebar-heading,.crm-sidebar-note{display:none}.crm-tabs{flex-direction:row;overflow-x:auto;gap:6px;padding:3px 2px 8px}.crm-tabs .btn{white-space:nowrap;flex:0 0 auto;background:#e5ede7;padding:11px 13px;min-height:44px}.crm-nav-number{display:none}.crm-top{border-radius:21px;padding:28px 23px;min-height:225px}.crm-top h1{font-size:38px}.crm-top p{font-size:13px}.crm-top>.btn{font-size:11px;min-height:42px}.crm-view-heading{align-items:flex-start;gap:12px}.crm-view-heading h2{font-size:22px}.crm-view-heading>.btn{font-size:11px;padding:9px 12px}.crm-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}.crm-panel{padding:18px 14px;border-radius:17px}.crm-shell h2{font-size:21px}.crm-metric{padding:18px 14px;min-height:130px}.crm-metric strong{font-size:22px}.crm-metrics{gap:10px}.crm-form{grid-template-columns:1fr}.crm-table th,.crm-table td{padding:12px;min-width:100px}.crm-note{font-size:11px}.crm-shell .crm-warning{font-size:12px}.crm-grid-two{gap:18px}}
@media(prefers-reduced-motion:reduce){.crm-shell .btn{transition:none}.crm-shell .btn:hover{transform:none}}