/* TEKKWORK Command Deck: one visual grammar, presentation only. */
:root{--canvas:#080f1c;--surface-1:#101e32;--surface-2:#17365b;--surface-3:#24528a;--border-soft:#29425f;--border-strong:#050b15;--accent-yellow:#ffda54;--positive:#80dfb2;--negative:#ff8f96;--warning:#f5be72;--text-primary:#f3f5fa;--text-secondary:#b5c5d9;--text-muted:#91a5bf;--shadow-panel:0 5px 0 #050b1599,inset 0 1px #ffffff09;--shadow-button:0 4px 0 #040a14;--radius-small:5px;--radius-medium:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--rail:216px}
html,body{background:var(--canvas)!important;color:var(--text-primary)}body{background-image:linear-gradient(#9abbef04 1px,transparent 1px),linear-gradient(90deg,#9abbef04 1px,transparent 1px)!important;background-size:48px 48px!important;font-size:16px}body:before,body:after{display:none!important}*{box-sizing:border-box}h1,h2,h3{text-shadow:none!important}h1{font-size:clamp(34px,3.3vw,48px)!important;letter-spacing:.005em}h2{font-size:28px}p{color:var(--text-secondary)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-yellow)!important;outline-offset:4px}dd,.tw-performance,.tw-network-strip{font-variant-numeric:tabular-nums}
.tw-shell{max-width:none;margin:0;padding:28px 36px 0 calc(var(--rail) + 36px);min-height:100vh}.tw-header{position:fixed;left:0;top:0;bottom:0;width:var(--rail);height:100dvh;padding:30px 18px 22px;display:flex;flex-direction:column;align-items:stretch;gap:24px;background:var(--surface-1);border:0;border-right:1px solid var(--border-soft);z-index:40;box-shadow:8px 0 32px #0002}.tw-brand{font-size:25px;gap:6px;white-space:nowrap}.tw-brand .tw-mark{width:30px;height:35px;font-size:30px;border:2px solid var(--border-strong);border-radius:6px}.tw-beta{display:none}.tw-header nav{display:flex;flex-direction:column;gap:9px;margin:16px 0 0;width:100%;overflow:visible}.tw-header nav a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;min-height:52px;padding:8px 10px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:5px;box-shadow:none;font-size:15px;font-weight:800;position:relative}.tw-header nav a>.tw-icon{width:32px;height:32px;padding:7px;background:#23354c;border:1px solid #354e6c;border-radius:3px;flex:none}.tw-header nav a.active{background:var(--accent-yellow);color:#141e30;border-color:#fff0a3;box-shadow:0 4px #9d7623}.tw-header nav a.active>.tw-icon{color:#192337;background:#e9bd38;border-color:#aa852c}.tw-header nav a:hover:not(.active){background:#1b2d46;color:white}.tw-header #tw-wallet{margin-top:auto;width:100%;min-height:58px;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.5;justify-content:flex-start;padding:12px}.tw-header #tw-wallet span{min-width:0}.tw-system{margin:0 0 30px;padding:0 0 18px;border-color:var(--border-soft);color:var(--text-muted);font-size:12px;gap:12px}.tw-system span{font-size:12px}.tw-system i{background:var(--positive)}#tw-page{min-height:70vh;max-width:1500px;margin:auto}.tw-footer{border-color:var(--border-soft);margin:48px auto 0;padding:24px 0;max-width:1500px}.tw-footer span{color:var(--text-muted);font-size:13px}.tw-wordmark{font-size:22px}.tw-page-heading{margin:0 0 30px}.tw-page-heading h1{margin:0 0 12px}.tw-page-heading p{font-size:16px;max-width:650px}
.tw-button,.desk-create{min-height:44px;padding:11px 19px;border:2px solid var(--border-strong);border-radius:var(--radius-small);background:var(--surface-3);color:white;font-size:14px;font-weight:900;box-shadow:var(--shadow-button),inset 0 1px #ffffff20;transition:transform 180ms ease,background 180ms ease,box-shadow 180ms ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:none;cursor:pointer}.tw-button.primary,.desk-create{background:var(--accent-yellow);color:#152035;border-color:#0a101b;box-shadow:0 4px #856724,inset 0 1px #fff4bd}.tw-button:hover:not(:disabled),.desk-create:hover{transform:translateY(-2px);filter:none;background:#3067a5}.tw-button.primary:hover:not(:disabled),.desk-create:hover{background:#ffe77a}.tw-button:active:not(:disabled),.desk-create:active{transform:translateY(2px);box-shadow:0 1px #040a14}.tw-button.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-secondary)}.tw-button.ghost:hover:not(:disabled){background:#ffffff09;color:white}.tw-button:disabled{opacity:.45;transform:none;box-shadow:none;cursor:not-allowed}.tw-button.destructive{color:var(--negative)}.tw-icon{width:18px;height:18px;flex:none}
.tw-panel,.tw-detail,.tw-trading-panel,.tw-overview-panel,.tw-overview-feed,.tw-creation-summary{background:var(--surface-1);border:1px solid var(--border-soft);border-radius:var(--radius-medium) 4px var(--radius-medium) 4px;box-shadow:var(--shadow-panel)}.tw-panel h2,.tw-trading-heading h2{margin-bottom:16px}.tw-status,.tw-hire-status{display:inline-flex;align-items:center;background:#253b56;color:#d8e3f1;border:1px solid #405770;border-radius:3px;font-size:12px;font-weight:800;padding:5px 9px;line-height:1.2;white-space:nowrap;letter-spacing:.03em}.tw-status[data-status=WORKING],.tw-status[data-status=Working]{background:#123a30;color:var(--positive);border-color:#35735c}.tw-status[data-status=PAUSED],.tw-status[data-status=Paused]{background:#283244;color:#b9c2d0}.tw-status[data-status=LIVE]{background:#123a30;color:var(--positive)}.tw-field{font-size:14px;color:var(--text-secondary)}.tw-field input,.tw-field select,.tw-field textarea{background:#091627;border:1px solid #344a65;border-radius:5px;color:var(--text-primary);box-shadow:inset 0 2px #0003;min-height:48px;padding:12px;font-size:16px}.tw-search{background:var(--surface-1);border:1px solid var(--border-soft);border-radius:5px;min-height:48px}.tw-search input{color:white}.tw-guide-grid{counter-reset:guide;gap:20px}.tw-guide-grid article{counter-increment:guide;position:relative;background:var(--surface-1);border:1px solid var(--border-soft);border-left:3px solid #3b6594;border-radius:4px;padding:26px;box-shadow:none}.tw-guide-grid article:before{content:counter(guide,decimal-leading-zero);display:block;font-family:'Lilita One';font-size:24px;color:var(--accent-yellow);margin-bottom:16px}.tw-guide-grid h2{font-size:24px;margin:0 0 12px}.tw-guide-grid p{font-size:15px;line-height:1.7}.tw-dialog{background:var(--surface-1);border:2px solid var(--border-soft);color:var(--text-primary)}.tw-agent-menu-panel{background:var(--surface-1);border-color:var(--border-soft)}.tw-error:empty{display:none}.tw-wallet-popover{z-index:100;background:var(--surface-1)!important;color:var(--text-primary);border-color:var(--border-soft)!important}
@media(max-width:1300px) and (min-width:901px){:root{--rail:190px}.tw-shell{padding-left:calc(var(--rail) + 26px);padding-right:26px}.tw-header{padding-inline:12px}.tw-brand{font-size:23px}}
@media(max-width:900px){.tw-shell{padding:0 18px}.tw-header{position:relative;inset:auto;width:auto;height:auto;margin:0 -18px 20px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:18px;border-right:0;border-bottom:1px solid var(--border-soft);box-shadow:none}.tw-brand{font-size:24px}.tw-header #tw-wallet{margin:0;width:auto;max-width:165px;min-height:40px;font-size:11px;padding:6px 9px}.tw-header nav{grid-column:1/-1;flex-direction:row;gap:5px;margin:0;overflow-x:auto;padding-bottom:5px}.tw-header nav a{flex:1;flex-direction:column;justify-content:center;gap:5px;padding:7px 5px;font-size:11px;min-width:58px;min-height:64px}.tw-header nav a>.tw-icon{width:25px;height:25px;padding:4px}.tw-system{margin-bottom:24px}.tw-system span:first-child{display:none}.tw-page-heading h1{font-size:34px!important}.tw-footer{margin-top:32px}.tw-wallet-popover{max-width:calc(100vw - 24px)}.tw-guide-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.tw-header #tw-wallet span{font:inherit!important;line-height:1.4}.tw-header #tw-wallet{background:var(--surface-2)}
.tw-header .tw-wallet-popover{position:absolute;left:calc(100% + 12px);right:auto;top:auto;bottom:20px;width:320px;max-width:calc(100vw - 24px)}
@media(max-width:900px){.tw-header .tw-wallet-popover{position:absolute;left:auto;right:12px;top:68px;bottom:auto}}
.tw-token-inventory{display:grid;gap:32px}.tw-token-inventory section>h2{display:flex;align-items:center;gap:12px;margin:0 0 18px}.tw-token-inventory section>h2>span{font:800 14px 'Nunito Sans',sans-serif;padding:5px 9px;border:1px solid var(--border-soft);background:var(--surface-2);border-radius:3px}.tw-token-art>.tw-icon{width:30px;height:30px;color:var(--text-muted)}
@media(prefers-reduced-motion:no-preference){#tw-page>.tw-page-heading,#tw-page>.ov-workspace-hero>.desk-heading{animation:tw-enter 200ms ease both}@keyframes tw-enter{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}
