/* Pencil notebook theme. Decorative art has its own layout area. */
:root{--ink:#303b40;--muted:#687477;--line:#ded8d3;--paper:#faf7f1;--accent:#77569a;--dark:#f1ede8;--green:#426d65}
body{background-color:var(--paper);background-image:radial-gradient(#6d5e4612 .55px,transparent .55px);background-size:5px 5px;color:var(--ink)}
button{border-radius:10px 8px 11px 9px;transition:background-color .15s,border-color .15s}button:hover{background:#f5eef9;border-color:#b8a6c8}button.primary:hover{background:#634284}a{color:#5c4e80}a:hover{color:#77569a}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #77569a;outline-offset:3px}
.sidebar{background:linear-gradient(165deg,#edf3ed,#f5ecf2 58%,#faf1e2);color:#47514e;border-right:1px solid #d7d0c9}.brand{color:#34423d}.brand small{color:#626f68}.brand-icon{color:#7b669a}.nav-title{color:#6e786f}nav button{color:#51605c}nav button b{color:#687871}nav button:hover{background:#e5ece3}nav button.active{background:#fffdf9;color:#5f4880;box-shadow:inset 3px 0 #8b6caa,0 2px 8px #635d4610}.sidebar-bottom{color:#52645b;border-color:#d1d9cf}.sidebar-bottom small{color:#6c7c71}.quiet{color:#51655c;border-color:#c4d1c3;background:#fffdf8}.quiet:hover{background:#e9f0e6}
.topbar{border-bottom-style:dashed}.crumb{color:#687776}.page-heading{padding-bottom:18px}.eyebrow{color:#7b5e93}h1{color:#35413d}.scope-stamp{border-radius:7px 12px 6px 10px;background:#f6eff9;transform:rotate(2deg);color:#77569a;border-color:#ccbdd5}.page-heading p{line-height:1.75;color:#61716a}
.sketch-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:172px;margin:0 0 22px;padding:18px 30px;background:linear-gradient(105deg,#f3edf8,#fbf5eb 68%,#edf5ee);border:1px solid #d8cddf;border-radius:15px 10px 17px 11px;box-shadow:3px 3px 0 #e9e0e6;overflow:hidden}.sketch-copy{min-width:0;position:relative;z-index:1}.sketch-kicker{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#77569a}.sketch-copy h2{font-size:26px;letter-spacing:-.5px;margin:7px 0;color:#514064}.sketch-copy p{font-size:12px;line-height:1.8;margin:0;color:#52665b}.pencil-note{display:block;margin-top:9px;font-size:10px;color:#726580;font-style:italic}.sketch-art{flex:0 0 260px;height:164px;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.sketch-art img{width:260px;height:164px;object-fit:contain;display:block}.empty-sketch{display:block;width:100%;height:255px;object-fit:contain;margin:0 auto 10px}.detail-empty{padding:25px 20px}.detail-empty h2{color:#65517d;font-size:17px}.detail-empty p{color:#63716a}
.stats{gap:12px}.stat{padding:17px 18px;background:#fffaf5;border-color:#d9cec7;border-radius:12px 10px 14px 9px;box-shadow:2px 2px 0 #e7ded51c;overflow:visible}.stat:after,.stat:before{content:none!important;display:none!important}.stat:nth-child(2){background:#f8f2fc;border-color:#d8cce1}.stat:nth-child(3){background:#f0f7f1;border-color:#cbdcce}.stat:nth-child(4){background:#fff8e9;border-color:#e5d7b9}.stat-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.stat b{font-size:28px;color:#3e4545;font-weight:650}.stat small{position:static;flex:0 0 auto;font-size:21px;color:#8b77a5;font-weight:400;line-height:1}.stat span{position:relative;display:block;font-size:12px;line-height:1.5;margin-top:9px;min-height:36px;color:#56666a;overflow-wrap:normal}.stat:nth-child(3) small{color:#6c9680}.stat:nth-child(4) small{color:#b18a51}
.search{border-color:#c8b7d5;background:#fffefa;border-radius:12px 9px 13px 10px;box-shadow:2px 2px 0 #e7deee80}.search:focus-within{border-color:#8c6cad;box-shadow:0 0 0 3px #77569a12}.search span{color:#8e71ab}.search input{color:#364942}.filters select,.result-controls select{background:#fffefa;border-color:#d9d0dc;color:#52675e}.filters button{color:#69597b}.list-surface,.detail,.quick-access{border-color:#d9d0dc;border-radius:12px 9px 14px 11px;background:#fffefa}.list-top{background:#fbf7ff;color:#617165}th{background:#f7f2fa;color:#697075}tbody tr:hover{background:#f5f1fa}tbody tr.selected{background:#eee6f5;box-shadow:inset 3px 0 #9778b5}.avatar{background:#f2eef5;border-color:#ded2e5;color:#7d6893}.record-cell small{color:#697a72}.tag{background:#eaf3eb;color:#416955}.tag.warn{background:#fff0db;color:#896431}.tag.secondary{background:#eee8f5;color:#695481}.list-coverage{color:#6d687a}.detail-head{background:linear-gradient(120deg,#f6effa,#fffaf1)}.detail-head p{color:#697b70}.detail-body p{color:#526b5e}.detail-body h3{color:#725c88}.detail .tabs{background:#fffcf7}.tabs button{color:#6e677c}.tabs button.active{background:#ebe1f3;color:#6a4b8d}.detail-link{border-color:#ede5ed}.missing{color:#737e77}.kv dt{color:#6c7873}.finance-row{border-color:#ddd3e2;background:#fffdf8}.finance-row b{color:#57456d}.coverage-summary{background:#f6f0fa;border-color:#d9c9e6}.coverage-track{background:#e6dcec}.coverage-track i{background:#997bae}.coverage-item.filled{background:#eef5eb}.notice{background:#fff5df;color:#856b3e}.research-summary{background:#fff5e1;color:#806d4e}dialog{background:#fffaf5;border-color:#d5c4df}dialog::backdrop{background:#51435a70}form input,form select,form textarea{background:#fffefa;border-color:#d9cddf;color:#3b4f45}.note{background:#f4eff7}#toast{background:#675080;color:#fff}footer{color:#69766e}
.oil-graph-controls,.oil-graph-canvas{background:#fffefa;border-color:#d8cede;border-radius:13px 10px 14px 9px}.oil-graph-node{fill:#f4edf8;stroke:#b59bc9}.oil-graph-node.center{fill:#70518c;stroke:#70518c}.oil-graph-node.people{fill:#fcecf0;stroke:#cfa4b6}.oil-graph-node.assets{fill:#ecf5e8;stroke:#a0b49a}.oil-graph-edge{stroke:#bbaec7}.oil-graph-name{fill:#50415f}.map-shell,.fresh-card{background:#fffefa;border-color:#d9cede}.map-summary>div,.fresh-stats>div{background:#f5eff8;border-color:#d9cede}.map-selected{border-color:#b39aca;background:#faf1fc}.map-asset-heading a,.map-canvas-title a{color:#72538e}.fresh-badge.fresh{background:#ecf5e8;color:#52714c}.fresh-modes button[aria-pressed=true]{background:#ebdff4;color:#694a89;border-color:#c6add9}
@media(max-width:1250px){.sketch-banner{padding:16px 22px}.sketch-art{flex-basis:220px}.stat{padding:14px}}
@media(max-width:1050px){.detail.is-open{border-radius:0}.detail.is-open #close-detail{background:#fffaf4;border-color:#cab9d7}.stat span{min-height:36px}}
@media(max-width:700px){.sidebar{background:linear-gradient(115deg,#e9f1e9,#f3eafa);border-right:0;border-bottom:1px solid #d8cadd}.brand{font-size:25px}.topbar{height:auto;min-height:62px;padding:12px 0}.top-actions{flex-wrap:wrap;justify-content:flex-end}.page-heading{padding:23px 0 17px}.sketch-banner{min-height:154px;gap:4px;padding:15px 12px;margin-bottom:20px}.sketch-copy{flex:1}.sketch-copy h2{font-size:21px;line-height:1.25}.sketch-copy p{font-size:11px}.sketch-kicker{font-size:8px;letter-spacing:.8px}.pencil-note{font-size:9px;line-height:1.5}.sketch-art{flex:0 0 105px;height:140px}.sketch-art img{width:168px;max-width:none;height:140px;flex-shrink:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px 12px;min-width:0}.stat b{font-size:25px}.stat span{font-size:12px;min-height:54px}.stat small{font-size:19px}.search input{font-size:13px}.search{padding:10px 12px}.filters{gap:8px}.filters select{max-width:100%;font-size:12px}.result-controls label{font-size:11px}.result-controls select{font-size:12px}.detail-body p{font-size:12px}.detail-head h2{color:#51405f}}
@media(prefers-reduced-motion:reduce){button{transition:none}}