377 lines
62 KiB
CSS
377 lines
62 KiB
CSS
:root{--bg:#010508;--bg2:#041018;--panel:rgba(4,14,21,.82);--panel2:rgba(7,24,33,.9);--line:rgba(89,229,255,.16);--line2:rgba(89,229,255,.36);--cyan:#63ecff;--cyan2:#13b9e8;--blue:#4b7dff;--violet:#a574ff;--green:#69ffc1;--amber:#ffd166;--red:#ff617d;--text:#e9fbff;--muted:#7198a4;--shadow:0 24px 80px rgba(0,0,0,.48),inset 0 0 60px rgba(55,190,230,.025)}
|
||
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -15%,rgba(8,121,169,.2),transparent 38%),radial-gradient(circle at 100% 40%,rgba(63,58,190,.07),transparent 25%),#010508;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:80;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.grid-plane{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(99,236,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(99,236,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 96%)}.scan-sweep{position:fixed;left:0;right:0;height:1px;top:-2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.13;box-shadow:0 0 30px var(--cyan);animation:sweep 12s linear infinite;pointer-events:none;z-index:1}@keyframes sweep{to{transform:translateY(100vh)}}
|
||
.shell{width:min(1880px,calc(100% - 30px));margin:auto;position:relative;z-index:2}.hud-top{min-height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative}.hud-top:after{content:"";position:absolute;bottom:-1px;left:0;width:230px;height:1px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.identity{display:flex;align-items:center;gap:13px}.sigil{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line2);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);color:var(--cyan);font-weight:900;font-size:20px;text-shadow:0 0 14px var(--cyan);background:rgba(99,236,255,.03)}.micro-label{display:block;color:#5e8996;font-size:9px;letter-spacing:.22em;font-weight:800;text-transform:uppercase}.identity h1{font-size:17px;letter-spacing:.14em;margin:3px 0 0}.identity h1 b{color:var(--cyan);font-weight:500}.system-strip{display:flex;gap:6px}.status-chip{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:7px 11px;border:1px solid var(--line);background:rgba(4,18,26,.68);min-width:84px}.status-chip i{grid-row:1/3;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px currentColor}.status-chip span{font-size:7px;letter-spacing:.18em;color:var(--muted)}.status-chip strong{font-size:9px;color:#b8dce5;letter-spacing:.07em}.status-chip.online i{background:var(--green)}.status-chip.offline i{background:var(--red)}.clock{text-align:right}.clock strong{display:block;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.14em;color:#c8f3ff}.clock span{font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
|
||
.panel{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(99,236,255,.025),transparent 30%),var(--panel);box-shadow:var(--shadow);padding:16px;overflow:hidden}.panel:before{content:"";position:absolute;top:-1px;left:-1px;width:54px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.panel:after{content:"";position:absolute;right:-1px;bottom:-1px;width:26px;height:26px;border-right:1px solid rgba(99,236,255,.32);border-bottom:1px solid rgba(99,236,255,.32)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(99,236,255,.09)}.panel-head.no-border{border:0;padding-bottom:5px}.panel-head h2{font-size:15px;letter-spacing:.05em;margin:3px 0 0;font-weight:650}.head-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.hint{font-size:9px;color:var(--muted);letter-spacing:.08em}.live-tag{font-size:8px;letter-spacing:.16em;color:var(--green);display:flex;align-items:center;gap:6px}.live-tag i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.hud-button,.add-button,.module-mic,.mic-button,.execute,.dialog-close{border:1px solid var(--line2);background:rgba(11,45,57,.45);cursor:pointer;transition:.18s}.hud-button:hover,.add-button:hover,.module-mic:hover,.mic-button:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(99,236,255,.12)}.hud-button,.add-button{font-size:8px;font-weight:800;letter-spacing:.12em;padding:8px 9px;color:#bfeef7}.hud-button.secondary{border-color:rgba(165,116,255,.3);color:#cdb6ff;background:rgba(94,47,147,.13)}.hud-button.wide{width:100%;margin-top:8px}.add-button{color:var(--cyan)}.module-mic,.mic-button{width:31px;height:31px;border-radius:50%;color:var(--cyan);font-size:12px;box-shadow:inset 0 0 15px rgba(99,236,255,.05)}
|
||
.command-deck{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:18px;margin-top:12px;min-height:390px}.command-core{position:relative;display:grid;place-items:center;min-height:315px}.radar-ring{position:absolute;border:1px solid rgba(99,236,255,.22);border-radius:50%;animation:spin 16s linear infinite}.r1{width:190px;height:190px;border-style:dashed}.r2{width:145px;height:145px;animation-direction:reverse;animation-duration:10s;border-color:rgba(165,116,255,.2)}.r3{width:105px;height:105px;animation-duration:7s}.command-core.active .radar-ring{border-color:rgba(99,236,255,.62);box-shadow:0 0 16px rgba(99,236,255,.11)}@keyframes spin{to{transform:rotate(360deg)}}.core-orb{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cyan);box-shadow:0 0 35px rgba(99,236,255,.25),inset 0 0 26px rgba(99,236,255,.15);background:radial-gradient(circle,rgba(99,236,255,.22),rgba(99,236,255,.02) 60%,transparent)}.core-orb span{font-weight:900;color:var(--cyan);font-size:28px;text-shadow:0 0 12px var(--cyan)}.voice-state{position:absolute;bottom:24px;text-align:center}.voice-state small{display:block;font-size:7px;letter-spacing:.19em;color:var(--muted)}.voice-state strong{font-size:10px;letter-spacing:.18em;color:var(--cyan)}.command-main{display:flex;min-width:0;flex-direction:column}.conversation{height:235px;overflow:auto;padding:5px 4px 8px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.message{display:flex;gap:9px;margin:10px 0;max-width:92%}.message.user{margin-left:auto;flex-direction:row-reverse}.avatar{width:25px;height:25px;min-width:25px;border:1px solid var(--line2);display:grid;place-items:center;font-size:9px;color:var(--cyan)}.message.user .avatar{color:var(--violet);border-color:rgba(165,116,255,.35)}.message small{font-size:7px;letter-spacing:.15em;color:var(--muted)}.message p{margin:2px 0 0;padding:8px 10px;background:rgba(99,236,255,.035);border-left:1px solid var(--line2);font-size:12px;line-height:1.55;color:#cce7ed;white-space:pre-wrap}.message.user p{border-left:0;border-right:1px solid rgba(165,116,255,.45);background:rgba(165,116,255,.045)}.message.pending p{opacity:.6;animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:.3}}.command-bar{display:flex;gap:8px;align-items:flex-end;border-top:1px solid rgba(99,236,255,.1);padding-top:10px}.command-bar textarea{flex:1;resize:none;min-height:38px;max-height:90px;background:rgba(0,8,13,.7);border:1px solid var(--line);padding:10px 12px;outline:0;font-size:12px}.command-bar textarea:focus{border-color:var(--line2);box-shadow:inset 0 0 20px rgba(99,236,255,.03)}.execute{height:38px;padding:0 15px;color:#031015;background:var(--cyan);border-color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.13em}.execute:hover{box-shadow:0 0 20px rgba(99,236,255,.24)}.source-rail{display:flex;gap:5px;overflow:auto;min-height:24px;padding-top:7px}.source-chip{white-space:nowrap;border:1px solid rgba(99,236,255,.1);padding:4px 6px;color:#668b95;font-size:7px}.source-chip b{color:#8dcbd8}.mission-brief{border-left:1px solid var(--line);padding-left:16px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.brief-grid div{border:1px solid var(--line);padding:10px;background:rgba(0,8,13,.42)}.brief-grid strong{font-size:23px;font-weight:350;color:var(--cyan);display:block}.brief-grid span{font-size:7px;color:var(--muted);letter-spacing:.12em}
|
||
.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;padding:12px 0 110px}.calendar-panel{grid-column:span 8}.tasks-panel{grid-column:span 4}.kanban-panel{grid-column:1/-1}.grocery-panel{grid-column:span 4}.meals-panel{grid-column:span 4}.recipes-panel{grid-column:span 4}.reminders-panel{grid-column:span 4}.knowledge-panel{grid-column:span 5}.skills-panel{grid-column:span 4}.voice-panel{grid-column:span 3}.telemetry-panel{grid-column:1/-1}.full-span{grid-column:1/-1}
|
||
.week-rail{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0}.day-cell{padding:9px 5px;border:1px solid rgba(99,236,255,.09);background:rgba(0,8,13,.35);text-align:center;position:relative;min-height:62px}.day-cell.today{border-color:var(--line2);background:rgba(99,236,255,.045)}.day-cell span{display:block;font-size:7px;color:var(--muted);letter-spacing:.13em}.day-cell strong{font-size:18px;font-weight:350}.day-cell b{display:inline-block;margin-top:4px;min-width:17px;padding:2px 4px;font-size:7px;color:#001014;background:var(--cyan);border-radius:10px}.agenda{display:grid;gap:6px;max-height:250px;overflow:auto}.agenda-item{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;padding:8px;border-left:2px solid var(--cyan2);background:rgba(99,236,255,.025)}.agenda-time{font-size:9px;color:var(--cyan);letter-spacing:.08em}.agenda-item strong{font-size:11px}.agenda-item span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.icon-delete{border:0;background:transparent;color:#527681;cursor:pointer;font-size:16px}.icon-delete:hover{color:var(--red)}
|
||
.task-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.task-kpis div{border:1px solid var(--line);padding:8px}.task-kpis span{display:block;font-size:6px;color:var(--muted);letter-spacing:.14em}.task-kpis strong{font-size:18px;font-weight:400;color:var(--cyan)}.task-list,.grocery-list,.reminder-list,.document-list{display:grid;gap:5px;max-height:275px;overflow:auto}.task,.grocery-item,.reminder,.doc{display:flex;align-items:flex-start;gap:8px;padding:8px;border:1px solid rgba(99,236,255,.07);background:rgba(0,8,13,.28)}.task.done,.grocery-item.done,.reminder.done{opacity:.42}.task.done strong,.grocery-item.done strong,.reminder.done strong{text-decoration:line-through}.task-check,.grocery-check,.reminder-check{accent-color:var(--cyan);margin-top:3px}.task-main,.grocery-main,.reminder-main{min-width:0;flex:1}.task-main strong,.grocery-main strong,.reminder-main strong,.doc strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.tag{border:1px solid rgba(99,236,255,.12);font-size:6px;padding:2px 4px;color:#668d98;letter-spacing:.08em}.tag.ai{color:var(--violet);border-color:rgba(165,116,255,.22)}.tag.high{color:var(--red);border-color:rgba(255,97,125,.2)}.confidence{font-size:6px;color:#516f77;margin-top:4px;letter-spacing:.08em}
|
||
.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:7px;overflow-x:auto;padding-top:11px}.kanban-col{border:1px solid rgba(99,236,255,.09);background:rgba(0,8,13,.28);min-height:280px;padding:7px}.kanban-col.drag-over{border-color:var(--cyan);box-shadow:inset 0 0 28px rgba(99,236,255,.05)}.kanban-col-head{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 8px;border-bottom:1px solid rgba(99,236,255,.08)}.kanban-col-head strong{font-size:8px;letter-spacing:.14em;color:#9fd7e3}.kanban-col-head span{font-size:8px;color:var(--cyan)}.kanban-cards{display:grid;gap:6px;padding-top:6px}.kanban-card{padding:9px;border:1px solid rgba(99,236,255,.09);border-left:2px solid var(--cyan2);background:rgba(6,21,29,.72);cursor:grab}.kanban-card.manual{border-left-color:var(--violet)}.kanban-card:active{cursor:grabbing}.kanban-card strong{display:block;font-size:9px}.kanban-card p{font-size:7px;color:var(--muted);line-height:1.4;margin:5px 0}.kanban-foot{display:flex;justify-content:space-between;gap:5px;align-items:center}.kanban-foot span{font-size:6px;color:#618690;letter-spacing:.07em}.kanban-foot button{border:0;background:transparent;color:#4f727b;cursor:pointer}.kanban-foot button:hover{color:var(--red)}
|
||
.mini-meter{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;margin:11px 0}.mini-meter span{font-size:7px;color:var(--muted);letter-spacing:.12em}.mini-meter strong{color:var(--cyan);font-size:16px}.mini-meter i{height:4px;background:rgba(99,236,255,.08);position:relative}.mini-meter b{position:absolute;inset:0 auto 0 0;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.grocery-main span,.reminder-main span{font-size:7px;color:var(--muted);display:block;margin-top:3px}.meal-timeline{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:5px;overflow-x:auto;padding-top:11px}.meal-day{border:1px solid rgba(99,236,255,.08);padding:7px;min-height:205px;background:rgba(0,8,13,.28)}.meal-day.today{border-color:var(--line2)}.meal-day header{margin-bottom:7px}.meal-day header span{font-size:6px;color:var(--muted);letter-spacing:.12em}.meal-day header strong{display:block;font-size:13px}.meal-card{padding:7px 6px;margin-bottom:5px;background:rgba(99,236,255,.035);border-left:1px solid var(--cyan2);position:relative}.meal-card span{font-size:6px;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em}.meal-card strong{display:block;font-size:8px;margin-top:2px;padding-right:12px}.meal-card small{font-size:6px;color:var(--muted)}.meal-card button{position:absolute;right:2px;top:3px;border:0;background:transparent;color:#4f727b;cursor:pointer}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:275px;overflow:auto;padding-top:11px}.recipe-card{border:1px solid rgba(99,236,255,.08);padding:9px;background:rgba(0,8,13,.28);position:relative}.recipe-card strong{font-size:10px;display:block;padding-right:16px}.recipe-card p{font-size:7px;color:var(--muted);line-height:1.45;margin:5px 0}.recipe-card footer{font-size:6px;color:#58808a;letter-spacing:.08em}.recipe-card button{position:absolute;right:4px;top:4px;border:0;background:transparent;color:#4f727b;cursor:pointer}.recipe-card button:hover{color:var(--red)}
|
||
.dropzone{display:flex;align-items:center;gap:10px;border:1px dashed rgba(99,236,255,.2);padding:10px;margin:11px 0;cursor:pointer;background:rgba(99,236,255,.02)}.dropzone.drag{border-color:var(--cyan);background:rgba(99,236,255,.06)}.hex-upload{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--cyan);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.dropzone strong{display:block;font-size:8px;letter-spacing:.1em}.dropzone span{font-size:7px;color:var(--muted)}.memory-meter{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;margin-bottom:8px}.memory-meter>span{font-size:6px;color:var(--muted);letter-spacing:.12em}.memory-meter>strong{font-size:15px;color:var(--cyan)}.memory-meter>div{height:4px;background:rgba(99,236,255,.08)}.memory-meter i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);width:0}.doc{align-items:center}.doc-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(99,236,255,.14);font-size:6px;color:var(--cyan)}.doc>div:nth-child(2){flex:1;min-width:0}.doc span{font-size:6px;color:var(--muted)}
|
||
.wake-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.wake-word span{font-size:6px;letter-spacing:.13em;color:var(--muted);display:block}.wake-word strong{font-size:24px;letter-spacing:.18em;color:var(--cyan);font-weight:350}.switch input{display:none}.switch span{display:block;width:43px;height:22px;border:1px solid var(--line2);position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#42626b;transition:.2s}.switch input:checked+span:after{left:24px;background:var(--green);box-shadow:0 0 12px var(--green)}.voice-panel p{font-size:8px;color:var(--muted);line-height:1.5}.voice-diag{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.voice-diag div{border:1px solid rgba(99,236,255,.08);padding:7px}.voice-diag span{font-size:6px;color:var(--muted);display:block}.voice-diag b{font-size:8px}.voice-diag .good{color:var(--green)}.voice-diag .bad{color:var(--red)}.activity-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-height:180px;overflow:auto;padding-top:10px}.activity{display:flex;gap:7px;padding:7px;border:1px solid rgba(99,236,255,.06)}.activity i{width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-top:3px;box-shadow:0 0 7px currentColor}.activity.warning i{background:var(--amber)}.activity.scout i,.activity.kanban i,.activity.automation i{background:var(--violet)}.activity strong{display:block;font-size:7px;line-height:1.4}.activity span{font-size:6px;color:var(--muted)}.empty{padding:16px;text-align:center;font-size:7px;color:#46646d;letter-spacing:.14em;border:1px dashed rgba(99,236,255,.08)}
|
||
.global-mic{position:fixed;z-index:60;right:22px;bottom:22px;width:72px;height:72px;border-radius:50%;border:1px solid var(--cyan);background:rgba(2,14,20,.94);color:var(--cyan);cursor:pointer;box-shadow:0 0 35px rgba(99,236,255,.18),inset 0 0 22px rgba(99,236,255,.08)}.global-mic .mic-icon{font-size:20px;display:block}.global-mic small{font-size:6px;letter-spacing:.16em;display:block}.mic-halo{position:absolute;inset:-8px;border:1px solid rgba(99,236,255,.16);border-radius:50%;animation:pulse 2.2s ease-out infinite}@keyframes pulse{50%{transform:scale(1.08);opacity:.35}}.global-mic.recording{border-color:var(--red);color:var(--red);box-shadow:0 0 35px rgba(255,97,125,.28)}.global-mic.recording .mic-halo{border-color:var(--red);animation-duration:.8s}.voice-overlay{position:fixed;z-index:55;inset:0;background:rgba(0,5,8,.78);backdrop-filter:blur(8px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.2s}.voice-overlay.show{opacity:1;pointer-events:auto}.voice-overlay-inner{width:min(500px,calc(100% - 35px));padding:35px;border:1px solid var(--line2);background:rgba(3,16,23,.95);text-align:center;box-shadow:0 0 70px rgba(99,236,255,.12)}.voice-overlay-inner strong{font-size:24px;letter-spacing:.18em;color:var(--cyan);display:block;margin:8px}.voice-overlay-inner p{color:#a8d1da;font-size:13px}.voice-overlay-inner .micro-label b{color:var(--violet)}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;border:1px solid var(--line2);background:#06141b;padding:10px 14px;color:#c9edf4;font-size:9px;pointer-events:none;transition:.2s;max-width:80vw}.toast.show{opacity:1;transform:translate(-50%,0)}
|
||
.entity-dialog{width:min(650px,calc(100% - 28px));border:1px solid var(--line2);background:#031018;color:var(--text);padding:0;box-shadow:0 30px 110px rgba(0,0,0,.75),0 0 40px rgba(99,236,255,.09)}.entity-dialog::backdrop{background:rgba(0,4,7,.82);backdrop-filter:blur(5px)}.entity-dialog form>header{display:flex;justify-content:space-between;align-items:center;padding:17px;border-bottom:1px solid var(--line)}.entity-dialog h2{font-size:16px;margin:3px 0}.dialog-close{width:32px;height:32px;color:var(--muted);font-size:20px}.dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:17px;max-height:65vh;overflow:auto}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:7px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:rgba(0,7,11,.8);padding:9px;outline:0;font-size:11px}.field textarea{min-height:75px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--line2)}.entity-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 17px;border-top:1px solid var(--line)}
|
||
@media(max-width:1200px){.command-deck{grid-template-columns:170px 1fr}.mission-brief{display:none}.calendar-panel{grid-column:span 7}.tasks-panel{grid-column:span 5}.grocery-panel,.meals-panel,.recipes-panel{grid-column:span 6}.reminders-panel,.knowledge-panel,.skills-panel{grid-column:span 6}.voice-panel{grid-column:span 12}.activity-list{grid-template-columns:repeat(3,1fr)}}
|
||
@media(max-width:850px){.shell{width:min(100% - 18px,1880px)}.hud-top{grid-template-columns:1fr auto;min-height:76px}.system-strip{display:none}.identity h1{font-size:14px}.clock strong{font-size:12px}.command-deck{grid-template-columns:1fr;padding:12px}.command-core{min-height:170px}.r1{width:150px;height:150px}.r2{width:112px;height:112px}.r3{width:80px;height:80px}.core-orb{width:58px;height:58px}.voice-state{bottom:5px}.conversation{height:210px}.dashboard-grid{grid-template-columns:1fr}.calendar-panel,.tasks-panel,.grocery-panel,.meals-panel,.recipes-panel,.reminders-panel,.knowledge-panel,.skills-panel,.voice-panel,.full-span{grid-column:1}.kanban-board{grid-template-columns:repeat(5,220px)}.meal-timeline{grid-template-columns:repeat(7,125px)}.activity-list{grid-template-columns:1fr 1fr}.global-mic{width:64px;height:64px;right:14px;bottom:14px}.hint{display:none}}
|
||
@media(max-width:560px){.panel{padding:12px}.identity .micro-label{display:none}.sigil{width:37px;height:37px}.identity h1{font-size:12px}.clock span{font-size:7px}.week-rail{grid-template-columns:repeat(7,68px);overflow:auto}.day-cell{min-height:56px}.panel-head{align-items:flex-start}.panel-head h2{font-size:13px}.head-actions{gap:4px}.add-button{font-size:0;width:31px;height:31px;padding:0}.add-button:before{content:"＋";font-size:15px}.agenda-item{grid-template-columns:50px 1fr auto}.recipe-grid{grid-template-columns:1fr}.activity-list{grid-template-columns:1fr}.command-bar{display:grid;grid-template-columns:32px 1fr}.command-bar textarea{grid-column:2}.execute{grid-column:1/-1}.dialog-fields{grid-template-columns:1fr}.field.full{grid-column:1}.voice-diag{grid-template-columns:1fr}.mission-brief{display:none}}
|
||
|
||
/* Command router polish */
|
||
.message.action p{border-left-color:var(--green);background:rgba(105,255,193,.045);box-shadow:inset 12px 0 24px rgba(105,255,193,.025)}
|
||
.message.action small{color:var(--green)}
|
||
.message.clarification p{border-left-color:var(--amber);background:rgba(255,209,102,.04)}
|
||
.message.clarification small{color:var(--amber)}
|
||
.source-chip.committed{border-color:rgba(105,255,193,.26);color:#91d8b9;background:rgba(105,255,193,.035)}
|
||
.source-chip.committed b{color:var(--green)}
|
||
.execute:disabled,.hud-button:disabled{opacity:.48;cursor:wait;box-shadow:none}
|
||
.agenda-item{transition:.16s}
|
||
.agenda-item:hover{background:rgba(99,236,255,.055);border-left-color:var(--cyan)}
|
||
.task,.reminder,.grocery-item{transition:.16s}
|
||
.task:hover,.reminder:hover,.grocery-item:hover{background:rgba(99,236,255,.035)}
|
||
@media(min-width:851px){.command-deck{min-height:350px}.command-core{min-height:280px}.conversation{height:210px}.voice-state{bottom:14px}}
|
||
.message p strong{color:#eefcff;font-weight:700}.message p code{color:var(--cyan);font-size:.92em;background:rgba(99,236,255,.055);padding:1px 4px;border:1px solid rgba(99,236,255,.08)}
|
||
.command-tools{display:flex;align-items:center;gap:9px}.hud-button.ghost{padding:6px 8px;border-color:rgba(99,236,255,.12);background:transparent;color:#668b95}.hud-button.ghost:hover{color:var(--cyan);border-color:var(--line2)}
|
||
@media(max-width:560px){.command-tools .hud-button.ghost{display:none}}
|
||
.live-tag.off{opacity:.45}.live-tag.off i{background:#60727a;box-shadow:none}.debug-export{border-color:rgba(88,245,255,.22)!important;color:#85eaf7!important}.trace-chip{cursor:help;border-color:rgba(162,112,255,.28)!important;color:#bb9cff!important}
|
||
@media(max-width:560px){.command-tools .debug-export{display:inline-flex;font-size:8px;padding:6px}}
|
||
|
||
/* Alternate Clean / Apple-inspired theme */
|
||
.theme-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(99,236,255,.12);background:rgba(255,255,255,.02);border-radius:999px}
|
||
.theme-option{border:0;background:transparent;color:#6f97a1;padding:6px 10px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:.18s}
|
||
.theme-option.active{background:rgba(99,236,255,.18);color:#effdff;box-shadow:inset 0 0 0 1px rgba(99,236,255,.18)}
|
||
|
||
body[data-theme="apple"]{--bg:#eef1f5;--bg2:#ffffff;--panel:rgba(255,255,255,.78);--panel2:rgba(255,255,255,.9);--line:rgba(15,23,42,.08);--line2:rgba(17,24,39,.14);--cyan:#111827;--cyan2:#4b5563;--blue:#2563eb;--violet:#7c3aed;--green:#059669;--amber:#d97706;--red:#dc2626;--text:#111827;--muted:#6b7280;--shadow:0 20px 50px rgba(15,23,42,.08),0 2px 12px rgba(15,23,42,.04)}
|
||
body[data-theme="apple"]{background:linear-gradient(180deg,#f7f8fa 0%,#eef1f5 100%)}
|
||
body[data-theme="apple"] .noise{opacity:.02}
|
||
body[data-theme="apple"] .grid-plane,body[data-theme="apple"] .scan-sweep{opacity:0}
|
||
body[data-theme="apple"] .hud-top{border-bottom-color:rgba(15,23,42,.08)}
|
||
body[data-theme="apple"] .hud-top:after{width:180px;background:rgba(17,24,39,.22);box-shadow:none}
|
||
body[data-theme="apple"] .sigil{clip-path:none;border-radius:14px;background:rgba(255,255,255,.7);text-shadow:none;box-shadow:0 8px 20px rgba(15,23,42,.08)}
|
||
body[data-theme="apple"] .micro-label{color:#8b93a1}
|
||
body[data-theme="apple"] .identity h1{letter-spacing:.03em;font-size:18px}
|
||
body[data-theme="apple"] .identity h1 b{color:#6b7280;font-weight:600}
|
||
body[data-theme="apple"] .status-chip{background:rgba(255,255,255,.64);border-radius:16px;min-width:92px}
|
||
body[data-theme="apple"] .status-chip strong{color:#111827}
|
||
body[data-theme="apple"] .panel{border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,252,.74));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:rgba(15,23,42,.08)}
|
||
body[data-theme="apple"] .panel:before,body[data-theme="apple"] .panel:after{display:none}
|
||
body[data-theme="apple"] .panel-head{border-bottom-color:rgba(15,23,42,.06)}
|
||
body[data-theme="apple"] .panel-head h2{font-size:18px;font-weight:700;letter-spacing:-.01em}
|
||
body[data-theme="apple"] .hint{letter-spacing:0;text-transform:none}
|
||
body[data-theme="apple"] .hud-button,body[data-theme="apple"] .add-button,body[data-theme="apple"] .module-mic,body[data-theme="apple"] .mic-button,body[data-theme="apple"] .execute,body[data-theme="apple"] .dialog-close{border-radius:999px;background:rgba(255,255,255,.78);border-color:rgba(17,24,39,.09);box-shadow:0 8px 22px rgba(15,23,42,.06)}
|
||
body[data-theme="apple"] .hud-button,body[data-theme="apple"] .add-button{font-size:10px;letter-spacing:.06em;color:#111827;padding:9px 12px}
|
||
body[data-theme="apple"] .hud-button.secondary{background:rgba(245,247,250,.95);color:#475569;border-color:rgba(148,163,184,.18)}
|
||
body[data-theme="apple"] .hud-button.ghost{background:rgba(255,255,255,.56);color:#6b7280}
|
||
body[data-theme="apple"] .hud-button:hover,body[data-theme="apple"] .add-button:hover,body[data-theme="apple"] .module-mic:hover,body[data-theme="apple"] .mic-button:hover{border-color:rgba(17,24,39,.18);box-shadow:0 12px 28px rgba(15,23,42,.1)}
|
||
body[data-theme="apple"] .module-mic,body[data-theme="apple"] .mic-button{color:#111827}
|
||
body[data-theme="apple"] .execute{color:#fff;background:#111827;border-color:#111827}
|
||
body[data-theme="apple"] .command-deck{gap:16px}
|
||
body[data-theme="apple"] .command-core{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.8),rgba(244,247,250,.42) 60%,transparent 68%);border-radius:24px}
|
||
body[data-theme="apple"] .radar-ring{border-style:solid;border-color:rgba(148,163,184,.3);animation-duration:20s}
|
||
body[data-theme="apple"] .command-core.active .radar-ring{border-color:rgba(17,24,39,.25);box-shadow:none}
|
||
body[data-theme="apple"] .core-orb{width:84px;height:84px;border:0;background:radial-gradient(circle at 30% 30%,#fff 0%,#e9eef5 60%,#dbe2ea 100%);box-shadow:0 18px 40px rgba(15,23,42,.12), inset 0 2px 6px rgba(255,255,255,.9)}
|
||
body[data-theme="apple"] .core-orb span{color:#111827;text-shadow:none}
|
||
body[data-theme="apple"] .voice-state strong{color:#111827}
|
||
body[data-theme="apple"] .conversation{padding-top:8px}
|
||
body[data-theme="apple"] .message{max-width:94%}
|
||
body[data-theme="apple"] .avatar{border-radius:50%;border-color:rgba(17,24,39,.08);background:#fff;color:#111827}
|
||
body[data-theme="apple"] .message p{background:rgba(255,255,255,.86);border:1px solid rgba(15,23,42,.06);border-left:0;border-radius:18px;padding:12px 14px;color:#1f2937;box-shadow:0 10px 24px rgba(15,23,42,.05)}
|
||
body[data-theme="apple"] .message.user p{background:linear-gradient(180deg,#f6f7fb,#eef2f7);border-right:0}
|
||
body[data-theme="apple"] .message.action p{background:linear-gradient(180deg,#f0fdf4,#ecfdf5);border-color:rgba(5,150,105,.12);box-shadow:0 10px 24px rgba(5,150,105,.07)}
|
||
body[data-theme="apple"] .message.clarification p{background:linear-gradient(180deg,#fffbeb,#fff7ed);border-color:rgba(217,119,6,.14)}
|
||
body[data-theme="apple"] .command-bar{border-top-color:rgba(15,23,42,.06)}
|
||
body[data-theme="apple"] .command-bar textarea{border-radius:22px;background:rgba(255,255,255,.88);border-color:rgba(15,23,42,.08);padding:13px 15px;color:#111827;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
|
||
body[data-theme="apple"] .source-chip{border-radius:999px;border-color:rgba(15,23,42,.08);color:#667085;background:rgba(255,255,255,.7);padding:5px 8px}
|
||
body[data-theme="apple"] .source-chip b{color:#111827}
|
||
body[data-theme="apple"] .source-chip.committed{background:rgba(240,253,244,.95);border-color:rgba(5,150,105,.16);color:#065f46}
|
||
body[data-theme="apple"] .mission-brief{border-left-color:rgba(15,23,42,.08)}
|
||
body[data-theme="apple"] .brief-grid div{border-radius:20px;background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.06)}
|
||
body[data-theme="apple"] .brief-grid strong{color:#111827;font-size:28px;font-weight:500}
|
||
body[data-theme="apple"] .brief-grid span{font-size:9px;letter-spacing:.04em}
|
||
body[data-theme="apple"] .day-cell,body[data-theme="apple"] .agenda-item,body[data-theme="apple"] .task,body[data-theme="apple"] .grocery-item,body[data-theme="apple"] .reminder,body[data-theme="apple"] .recipe-card,body[data-theme="apple"] .kanban-card,body[data-theme="apple"] .kanban-col,body[data-theme="apple"] .meal-day,body[data-theme="apple"] .doc,body[data-theme="apple"] .activity,body[data-theme="apple"] .dropzone,body[data-theme="apple"] .voice-diag div{border-radius:20px;background:rgba(255,255,255,.68);border-color:rgba(15,23,42,.06)}
|
||
body[data-theme="apple"] .day-cell.today{background:rgba(255,255,255,.92);border-color:rgba(17,24,39,.12)}
|
||
body[data-theme="apple"] .day-cell b{background:#111827;color:#fff;border-radius:999px}
|
||
body[data-theme="apple"] .agenda-item{grid-template-columns:64px 1fr auto;border-left:0;box-shadow:0 8px 20px rgba(15,23,42,.04)}
|
||
body[data-theme="apple"] .agenda-item:hover,body[data-theme="apple"] .task:hover,body[data-theme="apple"] .reminder:hover,body[data-theme="apple"] .grocery-item:hover{background:rgba(255,255,255,.95);transform:translateY(-1px)}
|
||
body[data-theme="apple"] .tag{border-radius:999px;background:#f3f4f6;border-color:rgba(17,24,39,.06);color:#475569}
|
||
body[data-theme="apple"] .tag.ai{background:#eef2ff;color:#4338ca}
|
||
body[data-theme="apple"] .tag.high{background:#fff7ed;color:#c2410c}
|
||
body[data-theme="apple"] .kanban-col-head strong,body[data-theme="apple"] .kanban-card strong,body[data-theme="apple"] .recipe-card strong{font-size:12px;color:#111827}
|
||
body[data-theme="apple"] .kanban-card.manual{background:linear-gradient(180deg,#ffffff,#f8fafc)}
|
||
body[data-theme="apple"] .task-kpis div,body[data-theme="apple"] .meal-slot{border-radius:18px;background:rgba(255,255,255,.84);border-color:rgba(15,23,42,.06)}
|
||
body[data-theme="apple"] .mini-meter i,body[data-theme="apple"] .memory-meter>div{border-radius:999px;background:rgba(15,23,42,.06)}
|
||
body[data-theme="apple"] .mini-meter b,body[data-theme="apple"] .memory-meter i{background:#111827;box-shadow:none}
|
||
body[data-theme="apple"] .hex-upload,.body[data-theme="apple"] .doc-icon{clip-path:none}
|
||
body[data-theme="apple"] .hex-upload,body[data-theme="apple"] .doc-icon{border-radius:14px;background:#fff;color:#111827}
|
||
body[data-theme="apple"] .wake-word strong{color:#111827;letter-spacing:.06em;font-size:28px}
|
||
body[data-theme="apple"] .switch span{border-radius:999px;background:#e5e7eb;border-color:transparent}
|
||
body[data-theme="apple"] .switch span:after{border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.18)}
|
||
body[data-theme="apple"] .switch input:checked+span{background:#111827}
|
||
body[data-theme="apple"] .switch input:checked+span:after{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2)}
|
||
body[data-theme="apple"] .activity i,body[data-theme="apple"] .live-tag i{box-shadow:none}
|
||
body[data-theme="apple"] .global-mic{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#111827;border-color:rgba(17,24,39,.08);box-shadow:0 18px 42px rgba(15,23,42,.12)}
|
||
body[data-theme="apple"] .global-mic.recording{border-color:#dc2626;color:#dc2626;box-shadow:0 18px 42px rgba(220,38,38,.15)}
|
||
body[data-theme="apple"] .mic-halo{border-color:rgba(17,24,39,.12)}
|
||
body[data-theme="apple"] .voice-overlay{background:rgba(241,245,249,.68)}
|
||
body[data-theme="apple"] .voice-overlay-inner{border-radius:30px;border-color:rgba(15,23,42,.08);background:rgba(255,255,255,.78);box-shadow:0 30px 80px rgba(15,23,42,.14)}
|
||
body[data-theme="apple"] .voice-overlay-inner strong,body[data-theme="apple"] .voice-overlay-inner p{color:#111827}
|
||
body[data-theme="apple"] .toast{border-radius:999px;background:rgba(17,24,39,.92);border-color:transparent;color:#fff}
|
||
body[data-theme="apple"] .entity-dialog{border-radius:32px;border-color:rgba(15,23,42,.08);background:rgba(255,255,255,.88);color:#111827;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 32px 100px rgba(15,23,42,.18)}
|
||
body[data-theme="apple"] .entity-dialog::backdrop{background:rgba(241,245,249,.55)}
|
||
body[data-theme="apple"] .field input,body[data-theme="apple"] .field textarea,body[data-theme="apple"] .field select{border-radius:18px;background:#fff;border-color:rgba(15,23,42,.08);color:#111827}
|
||
body[data-theme="apple"] .field input:focus,body[data-theme="apple"] .field textarea:focus,body[data-theme="apple"] .field select:focus,body[data-theme="apple"] .command-bar textarea:focus{border-color:rgba(17,24,39,.18);box-shadow:0 0 0 4px rgba(17,24,39,.05)}
|
||
body[data-theme="apple"] .empty{border-radius:20px;border-style:solid;background:rgba(255,255,255,.58);color:#94a3b8}
|
||
body[data-theme="apple"] .theme-switch{background:rgba(243,244,246,.92);border-color:rgba(15,23,42,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
|
||
body[data-theme="apple"] .theme-option{color:#6b7280}
|
||
body[data-theme="apple"] .theme-option.active{background:#fff;color:#111827;box-shadow:0 4px 12px rgba(15,23,42,.08)}
|
||
@media(max-width:560px){body[data-theme="apple"] .theme-switch{order:3;width:100%;justify-content:center}body[data-theme="apple"] .command-tools{flex-wrap:wrap;justify-content:flex-end}}
|
||
|
||
/* =========================================================
|
||
CLEAN APP — independent multi-screen information architecture
|
||
========================================================= */
|
||
.clean-sidebar,.clean-mobile-nav,.clean-topbar,.clean-home-overview{display:none}
|
||
|
||
body[data-theme="apple"]{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif;background:#f3f4f6;color:#111827}
|
||
body[data-theme="apple"] .clean-sidebar{display:flex;position:fixed;z-index:45;left:18px;top:18px;bottom:18px;width:238px;flex-direction:column;padding:18px;border:1px solid rgba(15,23,42,.07);border-radius:28px;background:rgba(255,255,255,.82);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 22px 60px rgba(15,23,42,.08)}
|
||
.clean-brand{display:flex;align-items:center;gap:12px;padding:4px 4px 20px}.clean-brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:800;font-size:17px;box-shadow:0 9px 22px rgba(15,23,42,.17)}.clean-brand strong{display:block;font-size:15px;letter-spacing:-.02em}.clean-brand span{display:block;font-size:11px;color:#8b93a1;margin-top:2px}
|
||
.clean-nav{display:grid;gap:5px}.clean-nav-item{border:0;background:transparent;color:#657080;cursor:pointer;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:15px;text-align:left;font-size:13px;font-weight:600;transition:.18s}.clean-nav-item:hover{background:#f5f6f8;color:#111827}.clean-nav-item.active{background:#111827;color:#fff;box-shadow:0 8px 20px rgba(15,23,42,.13)}.clean-nav-icon{width:22px;height:22px;display:grid;place-items:center;font-size:17px;font-weight:500}.clean-sidebar-foot{margin-top:auto;padding-top:16px;border-top:1px solid rgba(15,23,42,.06)}.clean-side-status{display:flex;align-items:center;gap:10px;padding:7px 6px 13px}.clean-side-status i{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 4px rgba(16,185,129,.09)}.clean-side-status span{display:block;color:#9aa1ad;font-size:10px}.clean-side-status strong{display:block;color:#374151;font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clean-theme-switch{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.clean-theme-switch .theme-option{font-size:9px;padding:8px}
|
||
|
||
body[data-theme="apple"] .shell{width:auto;max-width:none;margin:0 24px 0 274px;padding:0 0 100px}
|
||
body[data-theme="apple"] .hud-top{display:none}
|
||
body[data-theme="apple"] .clean-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 4px 21px;min-height:112px}
|
||
.clean-page-title span{font-size:11px;color:#9aa1ad;font-weight:650}.clean-page-title h1{margin:2px 0 4px;font-size:30px;line-height:1.05;letter-spacing:-.035em;font-weight:750;color:#111827}.clean-page-title p{margin:0;color:#7a8492;font-size:13px}.clean-top-actions{display:flex;align-items:center;gap:9px}.clean-date{font-size:12px;color:#7d8794;margin-right:6px}.clean-round-action{width:38px;height:38px;border-radius:50%;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.85);color:#111827;cursor:pointer;box-shadow:0 7px 18px rgba(15,23,42,.05);transition:.16s}.clean-round-action:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.1)}
|
||
|
||
/* Clean home becomes a dashboard, not the HUD grid. */
|
||
body[data-theme="apple"] .command-deck{display:grid;grid-template-columns:1fr;margin:0 0 18px;min-height:0;padding:24px 26px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.82));box-shadow:0 18px 46px rgba(15,23,42,.07)}
|
||
body[data-theme="apple"] .command-core,body[data-theme="apple"] .mission-brief{display:none}
|
||
body[data-theme="apple"] .command-main{width:100%}
|
||
body[data-theme="apple"] .command-main .panel-head{padding:0 0 12px}
|
||
body[data-theme="apple"] .command-main .panel-head h2{font-size:20px}
|
||
body[data-theme="apple"] .command-main .panel-head .micro-label{display:none}
|
||
body[data-theme="apple"] #themeSwitch{display:none}
|
||
body[data-theme="apple"] .conversation{height:190px;padding:5px 0 8px}
|
||
body[data-theme="apple"] .message{max-width:min(78%,760px)}
|
||
body[data-theme="apple"] .message p{font-size:13px;line-height:1.55}
|
||
body[data-theme="apple"] .command-bar{max-width:100%;padding-top:13px}
|
||
body[data-theme="apple"] .command-bar textarea{min-height:46px;font-size:13px}
|
||
body[data-theme="apple"] .execute{height:46px;padding:0 20px}
|
||
body[data-theme="apple"] .source-rail{min-height:20px}
|
||
body[data-theme="apple"]:not([data-view="home"]) .command-deck{display:none}
|
||
|
||
body[data-theme="apple"] .clean-home-overview{display:none}
|
||
body[data-theme="apple"][data-view="home"] .clean-home-overview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-bottom:18px}
|
||
.clean-welcome-card,.clean-home-card{border:1px solid rgba(15,23,42,.065);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 16px 42px rgba(15,23,42,.055)}
|
||
.clean-welcome-card{grid-column:span 7;padding:26px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px;align-items:center;background:linear-gradient(145deg,#fff 0%,#f9fafb 55%,#f0f4f8 100%)}.clean-eyebrow{font-size:11px;color:#7e8794;font-weight:650}.clean-welcome-card h2{font-size:30px;line-height:1.08;letter-spacing:-.035em;margin:4px 0 9px;color:#111827}.clean-welcome-card p{margin:0;max-width:560px;color:#667085;font-size:13px;line-height:1.55}.clean-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clean-quick-grid button{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:7px;padding:12px;border-radius:17px;border:1px solid rgba(15,23,42,.06);background:rgba(255,255,255,.8);text-align:left;cursor:pointer;color:#111827;transition:.17s}.clean-quick-grid button:hover{transform:translateY(-1px);background:#fff;box-shadow:0 9px 20px rgba(15,23,42,.07)}.clean-quick-grid button>span{grid-row:1/3;width:30px;height:30px;border-radius:10px;background:#f1f3f6;display:grid;place-items:center;font-size:15px}.clean-quick-grid strong{font-size:11px}.clean-quick-grid small{font-size:9px;color:#8c95a2;margin-top:2px}.clean-home-card{padding:19px 20px}.clean-next-card{grid-column:span 5}.clean-task-card,.clean-meal-card{grid-column:span 6}.clean-home-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.clean-home-card header>span{font-size:12px;font-weight:700;color:#374151}.clean-home-card header button{border:0;background:transparent;color:#6b7280;font-size:10px;cursor:pointer;padding:0}.clean-home-card header button:hover{color:#111827}.clean-home-card-body strong{display:block;font-size:17px;letter-spacing:-.02em;color:#111827}.clean-home-card-body p{margin:5px 0 0;font-size:11px;color:#7c8592}.clean-system-card{grid-column:1/-1}.clean-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.clean-system-grid div{padding:12px;border-radius:16px;background:#f5f6f8}.clean-system-grid span{display:block;font-size:9px;color:#8b93a1}.clean-system-grid strong{display:block;margin-top:4px;font-size:11px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||
|
||
/* Clean views: one job per screen. */
|
||
body[data-theme="apple"] .dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;padding:0 0 45px}
|
||
body[data-theme="apple"][data-view="home"] .dashboard-grid{display:none}
|
||
body[data-theme="apple"] .dashboard-grid>.panel{display:none!important;margin:0;min-width:0}
|
||
body[data-theme="apple"][data-view="calendar"] .calendar-panel,body[data-theme="apple"][data-view="calendar"] .reminders-panel{display:block!important}
|
||
body[data-theme="apple"][data-view="tasks"] .tasks-panel{display:block!important}
|
||
body[data-theme="apple"][data-view="kanban"] .kanban-panel{display:block!important}
|
||
body[data-theme="apple"][data-view="food"] .grocery-panel,body[data-theme="apple"][data-view="food"] .meals-panel,body[data-theme="apple"][data-view="food"] .recipes-panel{display:block!important}
|
||
body[data-theme="apple"][data-view="knowledge"] .knowledge-panel,body[data-theme="apple"][data-view="knowledge"] .skills-panel,body[data-theme="apple"][data-view="knowledge"] .voice-panel,body[data-theme="apple"][data-view="knowledge"] .telemetry-panel{display:block!important}
|
||
body[data-theme="apple"][data-view="calendar"] .calendar-panel{grid-column:span 8}body[data-theme="apple"][data-view="calendar"] .reminders-panel{grid-column:span 4}
|
||
body[data-theme="apple"][data-view="tasks"] .tasks-panel{grid-column:1/-1;min-height:560px}
|
||
body[data-theme="apple"][data-view="kanban"] .kanban-panel{grid-column:1/-1;min-height:620px}
|
||
body[data-theme="apple"][data-view="food"] .meals-panel{grid-column:span 7}body[data-theme="apple"][data-view="food"] .grocery-panel{grid-column:span 5}body[data-theme="apple"][data-view="food"] .recipes-panel{grid-column:1/-1}
|
||
body[data-theme="apple"][data-view="knowledge"] .knowledge-panel{grid-column:span 6}body[data-theme="apple"][data-view="knowledge"] .skills-panel{grid-column:span 6}body[data-theme="apple"][data-view="knowledge"] .voice-panel{grid-column:1/-1}body[data-theme="apple"][data-view="knowledge"] .telemetry-panel{grid-column:1/-1}
|
||
|
||
/* Remove HUD language and increase real content contrast in Clean mode. */
|
||
body[data-theme="apple"] .panel{padding:22px 22px 24px;border-radius:26px;box-shadow:0 16px 42px rgba(15,23,42,.055)}
|
||
body[data-theme="apple"] .panel>.panel-head .micro-label{display:none}
|
||
body[data-theme="apple"] .panel-head{padding-bottom:17px;margin-bottom:2px}
|
||
body[data-theme="apple"] .panel-head h2{font-size:22px;letter-spacing:-.025em;color:#111827}
|
||
body[data-theme="apple"] .week-rail{gap:8px;margin:18px 0 14px}
|
||
body[data-theme="apple"] .day-cell{min-height:82px;padding:14px 7px;border-radius:18px}
|
||
body[data-theme="apple"] .day-cell span{color:#7b8491;font-size:9px;letter-spacing:.04em;font-weight:650}
|
||
body[data-theme="apple"] .day-cell strong{color:#111827;font-size:22px;font-weight:600}
|
||
body[data-theme="apple"] .agenda{display:grid;gap:8px}
|
||
body[data-theme="apple"] .agenda-item{padding:13px 15px;min-height:64px;color:#111827}.agenda-time{color:var(--cyan)}
|
||
body[data-theme="apple"] .agenda-time{color:#475569!important;font-size:11px;font-weight:650}
|
||
body[data-theme="apple"] .agenda-item strong{color:#111827;font-size:13px}body[data-theme="apple"] .agenda-item span{color:#7b8491!important;font-size:10px}
|
||
body[data-theme="apple"] .task-kpis{gap:9px;margin:18px 0 12px}body[data-theme="apple"] .task-kpis div{padding:14px 15px}body[data-theme="apple"] .task-kpis span{color:#8b93a1!important;font-size:9px}body[data-theme="apple"] .task-kpis strong{color:#111827!important;font-size:21px}
|
||
body[data-theme="apple"] .task-list{max-height:none;overflow:visible}body[data-theme="apple"] .task{padding:13px 14px;border-radius:17px;margin:8px 0}body[data-theme="apple"] .task-main strong{color:#111827;font-size:13px}body[data-theme="apple"] .confidence{color:#8b93a1!important}
|
||
body[data-theme="apple"] .kanban-board{grid-template-columns:repeat(5,minmax(210px,1fr));gap:10px;margin-top:16px;overflow:auto;padding-bottom:8px}body[data-theme="apple"] .kanban-col{min-height:500px;padding:11px}body[data-theme="apple"] .kanban-col-head strong{font-size:11px;letter-spacing:.06em}body[data-theme="apple"] .kanban-card{padding:13px;box-shadow:0 6px 16px rgba(15,23,42,.04)}body[data-theme="apple"] .kanban-card p{color:#6b7280!important;font-size:10px;line-height:1.45}
|
||
body[data-theme="apple"] .meal-timeline{grid-template-columns:repeat(7,minmax(145px,1fr));gap:8px;overflow:auto;padding-bottom:10px;margin-top:16px}body[data-theme="apple"] .meal-day{min-height:300px;padding:12px}body[data-theme="apple"] .meal-day>header strong{color:#111827!important;font-size:16px}body[data-theme="apple"] .meal-slot{padding:10px;margin-top:9px}body[data-theme="apple"] .meal-slot strong{color:#111827!important;font-size:11px}body[data-theme="apple"] .meal-slot span{color:#6b7280!important}
|
||
body[data-theme="apple"] .grocery-list,body[data-theme="apple"] .reminder-list{margin-top:14px}body[data-theme="apple"] .grocery-item,body[data-theme="apple"] .reminder{padding:12px 14px;margin:7px 0}body[data-theme="apple"] .grocery-item strong,body[data-theme="apple"] .reminder strong{color:#111827!important;font-size:12px}body[data-theme="apple"] .grocery-item span,body[data-theme="apple"] .reminder span{color:#7b8491!important}
|
||
body[data-theme="apple"] .recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}body[data-theme="apple"] .recipe-card{padding:16px;min-height:120px}body[data-theme="apple"] .recipe-card strong{font-size:13px}body[data-theme="apple"] .recipe-card p{font-size:10px;color:#6b7280!important}body[data-theme="apple"] .recipe-card footer{color:#8b93a1!important;font-size:9px}
|
||
body[data-theme="apple"] .dropzone{border-style:solid;min-height:90px;margin:16px 0;padding:16px}body[data-theme="apple"] .dropzone strong{font-size:11px;letter-spacing:.03em;color:#111827}body[data-theme="apple"] .dropzone span{font-size:10px;color:#8b93a1}
|
||
body[data-theme="apple"] .document-list{display:grid;gap:7px}body[data-theme="apple"] .doc{padding:10px 12px}body[data-theme="apple"] .activity-list{grid-template-columns:repeat(3,1fr);max-height:none;gap:8px}body[data-theme="apple"] .activity{padding:10px 11px}body[data-theme="apple"] .activity strong{font-size:10px;color:#374151}body[data-theme="apple"] .activity span{font-size:9px;color:#8b93a1}
|
||
body[data-theme="apple"] .empty{font-size:10px;letter-spacing:.03em;padding:24px}
|
||
body[data-theme="apple"] .global-mic{width:60px;height:60px;right:26px;bottom:26px}body[data-theme="apple"] .global-mic small{font-size:7px}
|
||
|
||
@media(max-width:1250px){body[data-theme="apple"] .clean-sidebar{width:205px}body[data-theme="apple"] .shell{margin-left:240px}.clean-welcome-card{grid-column:1/-1}.clean-next-card,.clean-task-card{grid-column:span 6}.clean-meal-card,.clean-system-card{grid-column:1/-1}body[data-theme="apple"][data-view="calendar"] .calendar-panel,body[data-theme="apple"][data-view="calendar"] .reminders-panel{grid-column:1/-1}body[data-theme="apple"][data-view="food"] .meals-panel,body[data-theme="apple"][data-view="food"] .grocery-panel{grid-column:1/-1}}
|
||
@media(max-width:850px){body[data-theme="apple"] .clean-sidebar{display:none}body[data-theme="apple"] .clean-mobile-nav{display:grid;position:fixed;z-index:70;left:10px;right:10px;bottom:10px;grid-template-columns:repeat(6,1fr);padding:7px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:rgba(255,255,255,.9);backdrop-filter:blur(24px);box-shadow:0 15px 50px rgba(15,23,42,.14)}body[data-theme="apple"] .clean-mobile-nav .clean-nav-item{display:grid;place-items:center;gap:2px;padding:6px 2px;border-radius:15px;text-align:center}body[data-theme="apple"] .clean-mobile-nav .clean-nav-item span{font-size:16px;line-height:1}body[data-theme="apple"] .clean-mobile-nav .clean-nav-item small{font-size:8px;font-weight:650}body[data-theme="apple"] .shell{margin:0 12px;padding-bottom:105px}body[data-theme="apple"] .clean-topbar{padding:22px 4px 16px}.clean-page-title h1{font-size:26px}.clean-page-title p{font-size:11px}.clean-date{display:none}.clean-welcome-card{grid-template-columns:1fr;gap:18px}.clean-home-card,.clean-system-card{grid-column:1/-1}.clean-welcome-card h2{font-size:26px}body[data-theme="apple"] .recipe-grid{grid-template-columns:1fr 1fr}body[data-theme="apple"] .global-mic{bottom:88px;right:16px}}
|
||
@media(max-width:560px){body[data-theme="apple"] .clean-topbar{align-items:flex-start}.clean-page-title p{max-width:240px}.clean-top-actions{gap:5px}.clean-round-action{width:34px;height:34px}.clean-welcome-card,.clean-home-card{padding:18px;border-radius:22px}.clean-welcome-card h2{font-size:23px}.clean-quick-grid{grid-template-columns:1fr 1fr}.clean-quick-grid button{padding:10px}.clean-system-grid{grid-template-columns:1fr}.clean-system-card{grid-column:1/-1}body[data-theme="apple"] .panel{padding:17px;border-radius:22px}body[data-theme="apple"] .panel-head h2{font-size:20px}body[data-theme="apple"] .week-rail{grid-template-columns:repeat(7,76px);overflow:auto}body[data-theme="apple"] .day-cell{min-height:72px}body[data-theme="apple"] .recipe-grid{grid-template-columns:1fr}body[data-theme="apple"] .clean-mobile-nav{grid-template-columns:repeat(6,minmax(47px,1fr));overflow-x:auto}.clean-mobile-nav .clean-nav-item small{display:none!important}body[data-theme="apple"] .command-tools .debug-export,body[data-theme="apple"] .command-tools .live-tag{display:none}body[data-theme="apple"] .message{max-width:92%}}
|
||
.source-chip.plan-chip{border-color:rgba(165,116,255,.28);color:#bfa8ff;background:rgba(165,116,255,.055)}
|
||
.source-chip.plan-chip b{color:var(--violet)}
|
||
body[data-theme="apple"] .source-chip.plan-chip{background:#f5f3ff;border-color:rgba(124,58,237,.12);color:#6d5aa8}
|
||
body[data-theme="apple"] .source-chip.plan-chip b{color:#6d28d9}
|
||
.recipe-card .recipe-actions{position:absolute;right:6px;top:5px;display:flex;gap:4px}
|
||
.recipe-card .recipe-actions button{position:static;width:24px;height:24px;border:0;border-radius:8px;background:transparent;color:#4f727b;cursor:pointer}
|
||
.recipe-card .recipe-actions button:hover{background:rgba(255,255,255,.05);color:var(--cyan)}
|
||
body[data-theme="apple"] .recipe-card .recipe-actions button{color:#64748b}
|
||
body[data-theme="apple"] .recipe-card .recipe-actions button:hover{background:#f1f5f9;color:#111827}
|
||
|
||
/* =========================================================
|
||
CLEAN UI POLISH v7.5 — contrast, readable emphasis, calmer cards
|
||
========================================================= */
|
||
body[data-theme="apple"]{
|
||
--clean-ink:#172033;
|
||
--clean-secondary:#667085;
|
||
--clean-tertiary:#8a94a3;
|
||
--clean-accent:#2563eb;
|
||
--clean-accent-hover:#1d4ed8;
|
||
--clean-accent-soft:#eff6ff;
|
||
--clean-surface:#ffffff;
|
||
--clean-surface-soft:#f7f8fa;
|
||
--clean-stroke:rgba(15,23,42,.09);
|
||
}
|
||
|
||
/* Chat copy: never inherit the pale cyan HUD emphasis in Clean mode. */
|
||
body[data-theme="apple"] .message p{
|
||
color:var(--clean-ink)!important;
|
||
font-size:14px;
|
||
line-height:1.62;
|
||
letter-spacing:-.004em;
|
||
}
|
||
body[data-theme="apple"] .message p strong,
|
||
body[data-theme="apple"] .message p b{
|
||
color:var(--clean-accent-hover)!important;
|
||
font-weight:700;
|
||
text-shadow:none!important;
|
||
}
|
||
body[data-theme="apple"] .message p em,
|
||
body[data-theme="apple"] .message p i{
|
||
color:#475467;
|
||
}
|
||
body[data-theme="apple"] .message p code{
|
||
color:#344054!important;
|
||
background:#f2f4f7!important;
|
||
border:1px solid rgba(15,23,42,.07)!important;
|
||
border-radius:7px;
|
||
padding:2px 6px;
|
||
box-shadow:none!important;
|
||
}
|
||
body[data-theme="apple"] .message small{color:var(--clean-tertiary)!important}
|
||
body[data-theme="apple"] .message .avatar{color:#344054!important}
|
||
body[data-theme="apple"] .message.user .avatar{color:#6941c6!important}
|
||
|
||
/* Slightly narrower prose measure: long agent answers remain easy to scan. */
|
||
body[data-theme="apple"] .conversation{padding-right:8px}
|
||
body[data-theme="apple"] .message{max-width:min(88%,980px)}
|
||
body[data-theme="apple"] .message:not(.user) p{
|
||
padding:14px 17px;
|
||
background:rgba(255,255,255,.94);
|
||
border-color:rgba(15,23,42,.075);
|
||
box-shadow:0 8px 24px rgba(15,23,42,.045);
|
||
}
|
||
body[data-theme="apple"] .message.user p{
|
||
color:#27364b!important;
|
||
background:#f2f4f7;
|
||
border-color:rgba(15,23,42,.07);
|
||
}
|
||
body[data-theme="apple"] .message.action p{
|
||
color:#14532d!important;
|
||
background:#f0fdf4;
|
||
border-color:rgba(5,150,105,.14);
|
||
}
|
||
body[data-theme="apple"] .message.action p strong{color:#047857!important}
|
||
body[data-theme="apple"] .message.clarification p{
|
||
color:#713f12!important;
|
||
background:#fffbeb;
|
||
border-color:rgba(217,119,6,.15);
|
||
}
|
||
body[data-theme="apple"] .message.clarification p strong{color:#b45309!important}
|
||
|
||
/* Controls and status chips: stronger hierarchy on white backgrounds. */
|
||
body[data-theme="apple"] .source-chip{
|
||
color:#667085!important;
|
||
background:#f8fafc;
|
||
border-color:rgba(15,23,42,.075);
|
||
}
|
||
body[data-theme="apple"] .source-chip b{color:#344054!important}
|
||
body[data-theme="apple"] .source-chip.plan-chip{color:#5b4b8a!important;background:#f5f3ff}
|
||
body[data-theme="apple"] .source-chip.plan-chip b{color:#6d28d9!important}
|
||
body[data-theme="apple"] .live-tag{color:#667085}
|
||
body[data-theme="apple"] .live-tag span{color:#475467}
|
||
body[data-theme="apple"] .hint,
|
||
body[data-theme="apple"] .confidence,
|
||
body[data-theme="apple"] .clean-home-card-body p,
|
||
body[data-theme="apple"] .recipe-card footer{color:var(--clean-secondary)!important}
|
||
|
||
/* Form/input readability, including placeholders. */
|
||
body[data-theme="apple"] input,
|
||
body[data-theme="apple"] textarea,
|
||
body[data-theme="apple"] select{color:var(--clean-ink)!important}
|
||
body[data-theme="apple"] input::placeholder,
|
||
body[data-theme="apple"] textarea::placeholder{color:#8b95a5!important;opacity:1}
|
||
body[data-theme="apple"] .command-bar textarea{
|
||
background:#fff;
|
||
border-color:rgba(15,23,42,.09);
|
||
box-shadow:0 1px 2px rgba(15,23,42,.02),inset 0 1px 0 rgba(255,255,255,.95);
|
||
}
|
||
body[data-theme="apple"] .command-bar textarea:focus{
|
||
border-color:rgba(37,99,235,.38)!important;
|
||
box-shadow:0 0 0 4px rgba(37,99,235,.08)!important;
|
||
}
|
||
|
||
/* Cards/list content: avoid ultra-light metadata that vanishes on bright displays. */
|
||
body[data-theme="apple"] .day-cell span,
|
||
body[data-theme="apple"] .agenda-item span,
|
||
body[data-theme="apple"] .grocery-item span,
|
||
body[data-theme="apple"] .reminder span,
|
||
body[data-theme="apple"] .meal-slot span,
|
||
body[data-theme="apple"] .recipe-card p,
|
||
body[data-theme="apple"] .kanban-card p,
|
||
body[data-theme="apple"] .activity span,
|
||
body[data-theme="apple"] .clean-system-grid span,
|
||
body[data-theme="apple"] .clean-quick-grid small{
|
||
color:#667085!important;
|
||
}
|
||
body[data-theme="apple"] .micro-label,
|
||
body[data-theme="apple"] .clean-page-title span,
|
||
body[data-theme="apple"] .clean-brand span{color:#7b8493!important}
|
||
body[data-theme="apple"] .empty{color:#7b8493!important}
|
||
|
||
/* Keep interactive text visibly interactive without looking neon. */
|
||
body[data-theme="apple"] button:not(.execute):not(.clean-nav-item):not(.theme-option):focus-visible,
|
||
body[data-theme="apple"] input:focus-visible,
|
||
body[data-theme="apple"] textarea:focus-visible,
|
||
body[data-theme="apple"] select:focus-visible{
|
||
outline:3px solid rgba(37,99,235,.14);
|
||
outline-offset:2px;
|
||
}
|
||
body[data-theme="apple"] .clean-home-card header button,
|
||
body[data-theme="apple"] .recipe-card .recipe-actions button{color:#475467!important}
|
||
body[data-theme="apple"] .clean-home-card header button:hover,
|
||
body[data-theme="apple"] .recipe-card .recipe-actions button:hover{color:#1d4ed8!important}
|
||
|
||
@media(max-width:850px){
|
||
body[data-theme="apple"] .message{max-width:94%}
|
||
body[data-theme="apple"] .message p{font-size:13.5px;line-height:1.58}
|
||
}
|
||
/* Skill registry */
|
||
.skill-intro{margin:2px 0 12px;font-size:8px;line-height:1.55;color:var(--muted)}
|
||
.skill-list{display:grid;gap:7px;max-height:310px;overflow:auto;padding-right:2px}
|
||
.skill-card{border:1px solid rgba(99,236,255,.08);padding:10px 11px;background:rgba(255,255,255,.015);display:grid;gap:6px}
|
||
.skill-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.skill-card-head strong{font-size:9px}.skill-card-head span{font-size:6px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.skill-card p{margin:0;font-size:7px;line-height:1.45;color:var(--muted)}
|
||
.skill-actions{display:flex;gap:5px;flex-wrap:wrap}.skill-action-chip{font-size:6px;border:1px solid rgba(99,236,255,.09);padding:4px 6px;color:#8fb5be}.skill-action-chip.mutates{border-color:rgba(255,184,74,.18);color:var(--amber)}.skill-action-chip.confirm{border-color:rgba(255,90,120,.18);color:#ff7895}
|
||
.skill-perms{font-size:6px;color:#46656e;letter-spacing:.06em}.skill-error{color:var(--red)!important}
|
||
body[data-theme="apple"] .skill-intro{font-size:11px;color:#697386;line-height:1.55}
|
||
body[data-theme="apple"] .skill-list{max-height:420px;gap:9px}
|
||
body[data-theme="apple"] .skill-card{border-color:rgba(15,23,42,.07);background:#f7f8fa;border-radius:18px;padding:14px 15px;gap:8px}
|
||
body[data-theme="apple"] .skill-card-head strong{font-size:12px;color:#111827}body[data-theme="apple"] .skill-card-head span{font-size:9px;color:#7c8592}
|
||
body[data-theme="apple"] .skill-card p{font-size:10px;color:#667085}
|
||
body[data-theme="apple"] .skill-action-chip{border:0;border-radius:999px;background:#eef2f7;color:#475569;font-size:9px;padding:5px 8px}body[data-theme="apple"] .skill-action-chip.mutates{background:#fff7ed;color:#b45309}body[data-theme="apple"] .skill-action-chip.confirm{box-shadow:inset 0 0 0 1px rgba(220,38,38,.12)}
|
||
body[data-theme="apple"] .skill-perms{font-size:9px;color:#8a93a0}
|
||
|
||
@media(max-width:700px){body[data-theme="apple"] .clean-system-grid{grid-template-columns:1fr 1fr}}
|
||
|
||
/* v9 distributed Skill Mesh */
|
||
.mesh-panel{grid-column:1/-1}.mesh-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mesh-subtitle{margin:2px 0 8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.mesh-worker-list,.docker-skill-list{display:grid;gap:8px}.mesh-card{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:10px 11px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.mesh-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mesh-card strong{font-size:11px}.mesh-card small{color:var(--muted);font-size:8px;letter-spacing:.06em}.mesh-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.mesh-meta span{font-size:8px;padding:4px 6px;border:1px solid var(--line);color:var(--muted)}.mesh-meta .online{color:var(--green)}.mesh-meta .offline{color:var(--red)}.docker-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.docker-actions button{border:1px solid var(--line);background:transparent;color:var(--text);font:700 8px Inter,sans-serif;letter-spacing:.08em;padding:5px 8px;cursor:pointer}.docker-actions button:hover{border-color:var(--cyan);color:var(--cyan)}.docker-actions button.danger:hover{border-color:var(--red);color:var(--red)}
|
||
body[data-theme="apple"] .mesh-card{clip-path:none;border-radius:18px;background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.07);box-shadow:0 8px 20px rgba(15,23,42,.035)}body[data-theme="apple"] .mesh-card strong{color:#111827}body[data-theme="apple"] .mesh-meta span{border-radius:999px;background:#f3f4f6;border-color:rgba(15,23,42,.05);color:#64748b}body[data-theme="apple"] .docker-actions button{border-radius:999px;background:#fff;border-color:rgba(15,23,42,.08);color:#334155;padding:6px 10px}body[data-theme="apple"] .mesh-subtitle{color:#667085;letter-spacing:.04em;text-transform:none;font-size:11px}
|
||
body[data-theme="apple"][data-view="knowledge"] .mesh-panel{display:block!important;grid-column:1/-1}
|
||
@media(max-width:900px){.mesh-layout{grid-template-columns:1fr}}
|