/* Minico DS extension v1.4-draft — fills gaps listed in guidelines/AUDIT-v1.3-gaps.md.
   Not in source v1.3; built only from existing tokens, the Minico Cut and existing component anatomy. */
:root{
  --mc-color-red-700: #9E1B23;
  --mc-action-danger-bg: var(--mc-color-red-600);
  --mc-action-danger-bg-hover: var(--mc-color-red-700);
  --mc-action-danger-text: var(--mc-color-neutral-0);
  --mc-drawer-width: 480px;
  --mc-menu-min-width: 220px;
  --mc-cmd-width: 600px;
  --mc-phone-width: 260px;
}
[data-theme="dark"],[data-theme-scope="dark"]{
  --mc-action-danger-bg: var(--mc-color-red-600);
  --mc-action-danger-bg-hover: var(--mc-color-red-700);
}
/* Danger button — destructive actions only (delete, revoke, remove). Never for warnings. */
.mc-btn--danger{color:var(--mc-action-danger-text)}
.mc-btn--danger::before{background:var(--mc-action-danger-bg)}
.mc-btn--danger:hover::before{background:var(--mc-action-danger-bg-hover)}
.mc-btn--sm{min-height:36px;padding:0 var(--mc-space-3-5);font-size:var(--mc-font-size-14)}

/* Menu / dropdown */
.mc-menu{position:relative;display:inline-flex}
.mc-menu__panel{position:absolute;top:calc(100% + var(--mc-space-1-5));right:0;z-index:var(--mc-z-index-overlay);min-width:var(--mc-menu-min-width);display:grid;padding:var(--mc-space-1-5);background:var(--mc-bg-surface);box-shadow:var(--mc-shadow-overlay),inset 0 0 0 1px var(--mc-border-default);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.mc-menu__panel--left{right:auto;left:0}
.mc-menu__item{display:flex;align-items:center;gap:var(--mc-space-2-5);min-height:40px;padding:0 var(--mc-space-3);border:0;background:none;color:var(--mc-text-primary);font:500 var(--mc-font-size-14) var(--mc-font-family-sans);text-align:left;cursor:pointer;width:100%}
.mc-menu__item svg{width:18px;height:18px;color:var(--mc-text-secondary)}
.mc-menu__item:hover,.mc-menu__item:focus-visible{background:var(--mc-bg-subtle);outline:none}
.mc-menu__item--danger,.mc-menu__item--danger svg{color:var(--mc-status-blocker)}
.mc-menu__item small{margin-left:auto;font:400 var(--mc-font-size-12) var(--mc-font-family-mono);color:var(--mc-text-secondary)}
.mc-menu__label{padding:var(--mc-space-2) var(--mc-space-3) var(--mc-space-1);font:500 var(--mc-font-size-12) var(--mc-font-family-sans);color:var(--mc-text-secondary)}
.mc-menu__sep{height:1px;margin:var(--mc-space-1-5) 0;background:var(--mc-border-default)}

/* Drawer (side sheet) — one cut corner top-left */
.mc-drawer-backdrop{position:fixed;inset:0;z-index:var(--mc-z-index-modal);background:var(--mc-dialog-backdrop);animation:mc-fade var(--mc-duration-base) var(--mc-easing-enter)}
.mc-drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--mc-z-index-modal);width:min(var(--mc-drawer-width),100vw);display:flex;flex-direction:column;background:var(--mc-bg-surface);color:var(--mc-text-primary);box-shadow:var(--mc-shadow-overlay);clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px);animation:mc-slide var(--mc-duration-base) var(--mc-easing-enter)}
.mc-drawer__head{display:flex;justify-content:space-between;align-items:center;gap:var(--mc-space-4);padding:var(--mc-space-5) var(--mc-space-6);border-bottom:1px solid var(--mc-border-default)}
.mc-drawer__head h2{margin:0;font:600 var(--mc-font-size-18) var(--mc-font-family-sans)}
.mc-drawer__body{flex:1;overflow-y:auto;padding:var(--mc-space-5) var(--mc-space-6)}
.mc-drawer__foot{display:flex;justify-content:flex-end;gap:var(--mc-space-2);padding:var(--mc-space-4) var(--mc-space-6);border-top:1px solid var(--mc-border-default)}
@keyframes mc-fade{from{opacity:0}}
@keyframes mc-slide{from{transform:translateX(24px);opacity:0}}

/* Command palette */
.mc-cmd{position:fixed;top:12vh;left:50%;transform:translateX(-50%);z-index:var(--mc-z-index-modal);width:min(var(--mc-cmd-width),calc(100vw - 32px));background:var(--mc-bg-surface);box-shadow:var(--mc-shadow-overlay);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.mc-cmd__input{display:flex;align-items:center;gap:var(--mc-space-2-5);padding:0 var(--mc-space-4);border-bottom:1px solid var(--mc-border-default)}
.mc-cmd__input svg{width:20px;height:20px;color:var(--mc-text-secondary)}
.mc-cmd__input input{flex:1;min-height:56px;border:0;background:none;color:var(--mc-text-primary);font:400 var(--mc-font-size-16) var(--mc-font-family-sans);outline:none}
.mc-cmd__list{max-height:360px;overflow-y:auto;padding:var(--mc-space-1-5)}
.mc-cmd__item[aria-selected="true"]{background:var(--mc-bg-subtle);box-shadow:inset 2px 0 0 var(--mc-action-primary-bg)}
.mc-cmd__empty{padding:var(--mc-space-6);text-align:center;color:var(--mc-text-secondary);font-size:var(--mc-font-size-14)}

/* Stepper (wizard) — nodes are cut squares, connectors are the cord */
.mc-stepper{display:flex;flex-wrap:wrap;gap:var(--mc-space-2) 0;list-style:none;margin:0;padding:0}
.mc-stepper li{display:flex;align-items:center;gap:var(--mc-space-2-5);font:500 var(--mc-font-size-14) var(--mc-font-family-sans);color:var(--mc-text-secondary)}
.mc-stepper li+li::before{content:"";width:32px;height:2px;margin-right:var(--mc-space-1);background:var(--mc-border-strong)}
.mc-stepper li.done+li::before{background:var(--mc-action-primary-bg)}
.mc-stepper i{display:grid;place-items:center;width:28px;height:28px;font:700 var(--mc-font-size-13) var(--mc-font-family-display);font-style:normal;background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1.5px var(--mc-border-strong);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.mc-stepper li.done i{background:var(--mc-action-primary-bg);color:var(--mc-action-primary-text);box-shadow:none}
.mc-stepper li.current{color:var(--mc-text-primary)}
.mc-stepper li.current i{box-shadow:inset 0 0 0 2px var(--mc-action-primary-bg);color:var(--mc-text-link)}

/* Banner — page-wide notice under the header */
.mc-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mc-space-3);padding:var(--mc-space-2-5) var(--mc-space-6);font-size:var(--mc-font-size-14);background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse)}
.mc-banner svg{width:18px;height:18px;flex:none}
.mc-banner b{font-weight:600}
.mc-banner__act{margin-left:auto;display:flex;gap:var(--mc-space-2);align-items:center}
.mc-banner__act a{color:inherit;text-underline-offset:3px}
.mc-banner__act button{border:0;background:none;color:inherit;opacity:.7;cursor:pointer;min-width:32px;min-height:32px}
.mc-banner--brand{background:var(--mc-action-primary-bg);color:var(--mc-action-primary-text)}
.mc-banner--blocker{background:color-mix(in srgb,var(--mc-status-blocker) 10%,var(--mc-bg-surface));color:var(--mc-text-primary);box-shadow:inset 0 -1px 0 var(--mc-status-blocker)}
.mc-banner--blocker svg{color:var(--mc-status-blocker)}
.mc-cookie{position:fixed;left:var(--mc-space-4);bottom:var(--mc-space-4);z-index:var(--mc-z-index-toast);width:min(420px,calc(100vw - 32px));display:grid;gap:var(--mc-space-3);padding:var(--mc-space-5);background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse);box-shadow:var(--mc-shadow-overlay);font-size:var(--mc-font-size-14);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.mc-cookie p{margin:0;opacity:.85}
.mc-cookie__row{display:flex;flex-wrap:wrap;gap:var(--mc-space-2)}

/* Notifications */
.mc-notifs{list-style:none;margin:0;padding:0;display:grid}
.mc-notif{display:grid;grid-template-columns:20px 1fr auto;gap:var(--mc-space-3);padding:var(--mc-space-3-5) 0;border-bottom:1px solid var(--mc-border-default);font-size:var(--mc-font-size-14)}
.mc-notif svg{width:20px;height:20px}
.mc-notif b{display:block;font-weight:600}
.mc-notif p{margin:var(--mc-space-0-5) 0 0;color:var(--mc-text-secondary)}
.mc-notif time{font:400 var(--mc-font-size-12) var(--mc-font-family-mono);color:var(--mc-text-secondary);white-space:nowrap}
.mc-notif.is-unread b::after{content:"";display:inline-block;width:8px;height:8px;margin-left:var(--mc-space-2);background:var(--mc-action-primary-bg);clip-path:polygon(2px 0,100% 0,100% 6px,6px 100%,0 100%,0 2px)}
.mc-notif--ready svg{color:var(--mc-status-ready)}.mc-notif--autofix svg{color:var(--mc-status-autofix)}.mc-notif--action svg{color:var(--mc-status-action)}.mc-notif--blocker svg{color:var(--mc-status-blocker)}

/* Settings row, key field, date range */
.mc-setrows{display:grid;background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1px var(--mc-border-default)}
.mc-setrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--mc-space-6);align-items:center;padding:var(--mc-space-4) var(--mc-space-5);border-top:1px solid var(--mc-border-default)}
.mc-setrow:first-child{border-top:0}
.mc-setrow b{display:block;font:600 var(--mc-font-size-15) var(--mc-font-family-sans)}
.mc-setrow p{margin:var(--mc-space-0-5) 0 0;font-size:var(--mc-font-size-14);color:var(--mc-text-secondary);max-width:60ch}
.mc-key{display:flex;align-items:stretch;gap:var(--mc-space-1-5)}
.mc-key code{flex:1;display:flex;align-items:center;min-height:var(--mc-input-height);padding:0 var(--mc-space-3-5);background:var(--mc-bg-subtle);box-shadow:inset 0 0 0 1px var(--mc-border-default);font:400 var(--mc-font-size-14) var(--mc-font-family-mono);color:var(--mc-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-daterange{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mc-space-2)}
.mc-daterange .mc-input{flex:0 0 170px;min-height:40px;font-size:var(--mc-font-size-14)}
.mc-daterange span{color:var(--mc-text-secondary);font-size:var(--mc-font-size-14)}

/* Selectable table */
.mc-table .sel{width:44px;padding-right:0}
.mc-tick{appearance:none;width:18px;height:18px;margin:0;border:1.5px solid var(--mc-border-strong);background:var(--mc-bg-surface);display:grid;place-items:center;cursor:pointer;vertical-align:middle}
.mc-tick:checked{background:var(--mc-action-primary-bg);border-color:var(--mc-action-primary-bg)}
.mc-tick:checked::after{content:"";width:9px;height:5px;border:solid var(--mc-action-primary-text);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.mc-tick:focus-visible{outline:var(--mc-focus-ring-width) solid var(--mc-border-focus);outline-offset:var(--mc-focus-ring-offset)}
.mc-table tr.is-selected td{background:color-mix(in srgb,var(--mc-action-primary-bg) 5%,var(--mc-bg-surface))}
.mc-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mc-space-3);padding:var(--mc-space-2) var(--mc-space-4);background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse);font-size:var(--mc-font-size-14)}
.mc-bulk b{margin-right:auto}

/* Minico AI — answers separate fact, recommendation, estimate */
.mc-ai{display:grid;gap:var(--mc-space-3);padding:var(--mc-space-4) var(--mc-space-5);background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1px var(--mc-border-default)}
.mc-ai__who{display:flex;align-items:center;gap:var(--mc-space-1-5);font:600 var(--mc-font-size-12) var(--mc-font-family-sans);color:var(--mc-text-link)}
.mc-ai__who svg{width:16px;height:16px}
.mc-ai__lead{margin:0;font-size:var(--mc-font-size-15);line-height:1.5}
.mc-claims{list-style:none;margin:0;padding:0;display:grid;gap:var(--mc-space-2)}
.mc-claim{display:grid;grid-template-columns:118px 1fr;gap:var(--mc-space-3);align-items:start;font-size:var(--mc-font-size-14);line-height:1.5}
.mc-claim__tag{justify-self:start;padding:var(--mc-space-0-5) var(--mc-space-2);font:600 var(--mc-font-size-12)/1.4 var(--mc-font-family-sans);border-radius:var(--mc-radius-xs);box-shadow:inset 0 0 0 1.5px currentColor}
.mc-claim--fact .mc-claim__tag{color:var(--mc-text-primary)}
.mc-claim--rec .mc-claim__tag{color:var(--mc-text-link)}
.mc-claim--est .mc-claim__tag{color:var(--mc-text-secondary);box-shadow:none;outline:1.5px dashed currentColor;outline-offset:-1.5px}
.mc-claim cite{display:block;margin-top:var(--mc-space-0-5);font:400 var(--mc-font-size-12) var(--mc-font-family-mono);font-style:normal;color:var(--mc-text-secondary)}
.mc-ai__actions{display:flex;flex-wrap:wrap;gap:var(--mc-space-2);padding-top:var(--mc-space-2);border-top:1px solid var(--mc-border-default)}
.mc-confirm{display:grid;gap:var(--mc-space-2-5);padding:var(--mc-space-4);background:var(--mc-bg-subtle);box-shadow:inset 0 0 0 1px var(--mc-border-default);font-size:var(--mc-font-size-14)}
.mc-confirm dl{display:grid;grid-template-columns:auto 1fr;gap:var(--mc-space-1-5) var(--mc-space-4);margin:0}
.mc-confirm dt{color:var(--mc-text-secondary)}.mc-confirm dd{margin:0;font-weight:500}

/* Media frames — game media only lives inside frames */
.mc-media-ph{display:grid;place-items:center;width:100%;height:100%;background:var(--mc-bg-media);color:var(--mc-text-link);font:500 var(--mc-font-size-13) var(--mc-font-family-mono);text-align:center;padding:var(--mc-space-3)}
.mc-media-ph img,.mc-media-ph video{width:100%;height:100%;object-fit:cover;display:block}
.mc-phone{width:var(--mc-phone-width);aspect-ratio:9/19.5;padding:10px;background:var(--mc-bg-inverse);clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 24px),calc(100% - 24px) 100%,24px 100%,0 calc(100% - 24px),0 24px)}
.mc-phone__screen{width:100%;height:100%;overflow:hidden;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}
.mc-browser{background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1px var(--mc-border-default),var(--mc-shadow-overlay);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.mc-browser__bar{display:flex;align-items:center;gap:var(--mc-space-3);height:36px;padding:0 var(--mc-space-3);border-bottom:1px solid var(--mc-border-default)}
.mc-browser__bar i{width:10px;height:10px;background:var(--mc-border-strong);clip-path:polygon(3px 0,100% 0,100% 7px,7px 100%,0 100%,0 3px)}
.mc-browser__url{flex:1;max-width:320px;margin:0 auto;padding:var(--mc-space-1) var(--mc-space-3);background:var(--mc-bg-subtle);font:400 var(--mc-font-size-12) var(--mc-font-family-mono);color:var(--mc-text-secondary);text-align:center}
.mc-browser__body{overflow:hidden}
.mc-video{position:relative;aspect-ratio:16/9;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.mc-video__ctl{position:absolute;right:var(--mc-space-2);bottom:var(--mc-space-2);display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:var(--mc-bg-inverse);color:var(--mc-text-on-inverse);cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.mc-video__ctl svg{width:20px;height:20px}
.mc-video__ctl:focus-visible{outline:var(--mc-focus-ring-width) solid var(--mc-border-focus);outline-offset:var(--mc-focus-ring-offset)}

/* Proof — studio strip + quote grid */
.mc-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mc-space-4)}
@media (max-width:860px){.mc-proof{grid-template-columns:1fr}}
.mc-studios{display:flex;flex-wrap:wrap;gap:var(--mc-space-3)}
.mc-studios span{display:inline-grid;place-items:center;min-width:132px;height:48px;padding:0 var(--mc-space-4);background:var(--mc-bg-surface);box-shadow:inset 0 0 0 1px var(--mc-border-default);font:600 var(--mc-font-size-14) var(--mc-font-family-sans);color:var(--mc-text-secondary)}

/* Error page */
.mc-error{display:grid;justify-items:start;gap:var(--mc-space-4);padding:clamp(var(--mc-space-16),10vw,var(--mc-space-32)) 0}
.mc-error__code{font:700 clamp(96px,16vw,200px)/1 var(--mc-font-family-display);color:var(--mc-text-link);letter-spacing:-.02em}

@media (prefers-reduced-motion:reduce){.mc-drawer,.mc-drawer-backdrop{animation:none}}
