/* Ocean-blue product theme: loaded after the base styles. */
:root{--bg:#061d38;--side:#08294d;--panel:#ffffff;--line:#d7e8f5;--text:#102b45;--muted:#607b93;--cyan:#159dcc;--green:#159b79;--amber:#d49222}
body{background:radial-gradient(circle at 82% 5%,#a9e8ff 0,rgba(169,232,255,.28) 18%,transparent 39%),linear-gradient(135deg,#04162d 0,#0b3d69 48%,#c9f4ff 150%);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.4) 49%,transparent 50%) 0 0/90px 90px}
.app-shell{position:relative}.sidebar{background:linear-gradient(180deg,#062748,#0b416c 58%,#082c50);border-right:1px solid rgba(162,226,255,.25);box-shadow:10px 0 28px rgba(0,20,48,.18)}
.brand-mark{border:0;border-radius:11px;background:linear-gradient(135deg,#dff9ff,#5ad5f7);color:#06466b;box-shadow:0 9px 24px rgba(63,211,245,.27)}.brand-mark:before{content:"⌁";font-size:26px;line-height:1}.brand-mark{font-size:0}.brand strong{color:white}.brand span,.workspace-label{color:#a5d7ee}.nav-btn{position:relative;color:#d4ecf8;border-radius:12px}.nav-btn span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(180,234,255,.12);color:#9dddf5}.nav-btn:after{content:"›";position:absolute;right:12px;font-size:20px;color:#82cde9;opacity:0;transform:translateX(-4px);transition:.2s}.nav-btn:hover:after,.nav-btn.active:after{opacity:1;transform:translateX(0)}.nav-btn.active{background:linear-gradient(90deg,#dff7ff,#b9edfc);border-color:#82d9ef;color:#0a4e71;box-shadow:0 7px 16px rgba(0,15,48,.18)}.nav-btn.active span{background:#63cae7;color:#fff}.sidebar-note{border-top-color:rgba(179,231,251,.22);color:#b4dceb}.sidebar-note b{color:white}.status-dot{background:#a5f2c7;box-shadow:0 0 0 4px rgba(165,242,199,.16)}
.content-area{position:relative;margin:20px auto;min-height:calc(100vh - 40px);border-radius:26px;background:rgba(245,252,255,.94);box-shadow:0 25px 70px rgba(0,26,56,.3)}.topbar{padding-bottom:20px;border-bottom:1px solid #d9edf7}.eyebrow{color:#148eb7}.topbar h1{color:#0c3456;font-weight:800;letter-spacing:.2px}.topbar h1:after{content:" 〰";color:#55cdea;font-weight:400}.user-btn,.icon-btn{background:white;border-color:#cce7f5;color:#12557a;box-shadow:0 4px 12px rgba(21,96,135,.08)}.user-btn:before{content:"👤";float:left;margin:3px 8px 0 0}.icon-btn{border-radius:50%;color:transparent;position:relative}.icon-btn:before{content:"?";position:absolute;inset:5px;color:#159dcc;font-weight:800}
.notice{border:0;border-radius:12px;background:linear-gradient(90deg,#e8faff,#f5fdff);color:#175878;box-shadow:inset 4px 0 #4ac5e5}.guided-steps{border-radius:14px;overflow:hidden;background:#dbeef8;box-shadow:0 7px 16px rgba(29,110,149,.08)}.guided-steps li{background:#f7fcff}.guided-steps li.active{background:linear-gradient(135deg,#effcff,#d5f4ff)}.guided-steps li.active b{border-color:#5bc9e6;color:#1386af;background:#fff}.guided-steps span{color:#31536c}
.metrics,.panel,.source-card,.model-card{background:#fff;border-color:#d5e8f4;box-shadow:0 9px 22px rgba(18,79,117,.08)}.metrics{border-radius:16px;overflow:hidden}.metrics>div{border-right-color:#deedf5}.metrics strong{color:#0c527a}.metrics strong.ready{color:#168d71}.section-heading h2,.panel h3{color:#103c5c}.panel p,.section-heading>p{color:#617e94}.tag{border-color:#a9dff0;background:#ecfaff;color:#147b9f}.tag.amber{border-color:#f0d19c;background:#fff8e9;color:#b77817}.dropzone{border:2px dashed #8ed8ed;background:linear-gradient(145deg,#f7fdff,#e8f9ff);border-radius:16px}.dropzone:hover,.dropzone.dragover{border-color:#149fca;background:#ddf7ff}.upload-symbol{border:0;border-radius:50%;background:linear-gradient(135deg,#51d0ed,#168fbc);color:#fff;box-shadow:0 8px 19px rgba(31,172,210,.28)}.file-item,.database-checks label,.model-option{background:#f4fbff;border-radius:8px;border-left-color:#4fcbe9}.field-label select{background:#fff;border-color:#cde5f2;color:#244d67;border-radius:8px}.primary-btn{border:0;border-radius:9px;background:linear-gradient(135deg,#139cca,#0769a2);box-shadow:0 9px 18px rgba(24,137,188,.23)}.primary-btn:not(:disabled):hover{background:linear-gradient(135deg,#18afd8,#0874ad);transform:translateY(-1px)}.secondary-btn{background:#f5fbff;border-color:#cde6f2;color:#15698d}.pipeline li{border-right-color:#d8e9f3}.pipeline b{color:#159dcc}.pipeline span{color:#204b67}.pipeline small{color:#7891a4}
.table-panel{overflow:hidden}.table-toolbar{background:#fbfeff}.table-toolbar h3,th{color:#154b6d}th{background:#e8f7fd;color:#36708f}td{border-top-color:#e0edf5;color:#33566e}.empty-row td{background:#fbfeff}.grade{border-color:#a9e1cf;background:#effcf7;color:#147957}.source-card,.model-card{border-radius:15px;transition:transform .2s,box-shadow .2s}.source-card:hover,.model-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(19,103,145,.16)}.source-card .source-kind,.model-card .model-type{color:#148eb7}.source-card p,.model-card p{color:#668398}.source-card a,.model-card a{color:#087eae;font-weight:700}.filter-btn{background:white;border-color:#cae5f2;color:#3d6680}.filter-btn.active,.filter-btn:hover{background:#e1f8ff;border-color:#67cee8;color:#086a95}.integration-note{background:linear-gradient(135deg,#eafaff,#fff)}.context-list>div{border-top-color:#dcecf4}.context-list span{color:#668198}.principles{color:#315f79}.report-panel{background:linear-gradient(110deg,#fff,#e9faff)}
dialog{border-radius:18px;border-color:#82d8ee;background:#fff;color:#153b58;box-shadow:0 25px 70px rgba(0,31,63,.4)}.dialog-close{color:#126b91}.form-hint.success{color:#168d71!important}.form-hint.error{color:#c76555!important}
@media(max-width:950px){.content-area{margin:0;border-radius:0}}