9 lines
3.3 KiB
CSS
9 lines
3.3 KiB
CSS
/* DONA_SUITE_V9 — UI local-first; no visual changes to existing dashboards */
|
|
.dv9-overlay[hidden]{display:none!important}.dv9-overlay{position:fixed;inset:0;z-index:12500;background:rgba(8,12,22,.84);backdrop-filter:blur(12px);display:grid;place-items:center;padding:12px;color:#e8effa}
|
|
.dv9-panel{width:min(1080px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:linear-gradient(155deg,#1a2435,#101823);border:1px solid rgba(145,185,220,.26);box-shadow:0 22px 80px #02050bcf;border-radius:22px;padding:clamp(14px,2.6vw,28px);font:15px/1.5 system-ui,Arial,sans-serif;color:#eff6fe}
|
|
.dv9-panel *{box-sizing:border-box}.dv9-panel button,.dv9-panel input{font:inherit}.dv9-head,.dv9-subhead{display:flex;align-items:center;justify-content:space-between;gap:16px}.dv9-head h2{font-size:26px;line-height:1.2;margin:5px 0 15px}.dv9-small{font-size:11px;letter-spacing:.18em;color:#91bcda}
|
|
.dv9-close{background:rgba(255,255,255,.08);border:1px solid #5c7184;border-radius:50%;color:#fff;font-size:25px;width:42px;height:42px;cursor:pointer}.dv9-quick,.dv9-pins-row{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 15px}.dv9-chip{padding:9px 12px;border:1px solid #526982;border-radius:22px;background:#26364b;color:#e9f2fc;cursor:pointer}.dv9-chip:hover,.dv9-button:hover{filter:brightness(1.18)}
|
|
.dv9-form{display:flex;gap:10px}.dv9-input{flex:1;min-width:0;background:#111c2a;color:#fff;border:1px solid #576f86;border-radius:12px;padding:12px}.dv9-button{background:#324b64;color:#fff;border:1px solid #6388a7;border-radius:12px;padding:10px 15px;cursor:pointer}.dv9-primary{background:#166885;border-color:#2492bd}.dv9-button:disabled{opacity:.55;cursor:wait}.dv9-status{color:#afcee2;min-height:20px;font-size:13px;margin:8px 0}.dv9-pins{border-top:1px solid #3a4b60;border-bottom:1px solid #3a4b60;padding:10px 0}.dv9-pins h3{font-size:13px;margin:0}.dv9-pins-row{margin:6px 0}.dv9-pin{display:flex;align-items:center;gap:4px}.dv9-pin>button{font-size:12px}.dv9-pin-del{background:#51303c;color:#fff;border:0;border-radius:10px;padding:7px;cursor:pointer}
|
|
.dv9-subhead h2{font-size:19px;margin:15px 0}.dv9-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.dv9-card{padding:15px;border:1px solid #405c74;background:rgba(26,40,57,.95);border-radius:14px;min-width:0}.dv9-card h3{font-size:17px;margin:0 0 7px}.dv9-card h4{font-size:14px;margin:8px 0 2px}.dv9-muted{font-size:13px;color:#9ac1d9;margin:4px 0 10px}.dv9-body,.dv9-card p{white-space:pre-wrap;overflow-wrap:anywhere}.dv9-list{margin:8px 0;padding-left:20px}.dv9-list li{margin:4px 0}.dv9-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dv9-meal,.dv9-memory,.dv9-quiz{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #38536b;padding:8px 0}.dv9-danger{color:#fff;background:#7c3140;padding:8px 10px;border:1px solid #9e4655;border-radius:10px;cursor:pointer}.dv9-link{color:#8dd8ef}.dv9-answer{color:#b8e3b9}.dv9-footer{font-size:12px;color:#91a9ba;margin:18px 0 0}.dv9-launch{cursor:pointer}
|
|
@media(max-width:650px){.dv9-overlay{padding:0}.dv9-panel{max-height:100dvh;height:100dvh;border-radius:0;padding:14px}.dv9-form,.dv9-columns{display:flex;flex-direction:column}.dv9-quick{max-height:140px;overflow:auto}.dv9-subhead{align-items:flex-start}.dv9-subhead h2{font-size:17px}}
|