/* Optional extras (extends mock.css + checklist.css). Example data only. */
.top .logo{height:22px;width:auto;display:block;margin-right:4px}
.user{display:flex;justify-content:flex-end;margin:14px 0}
.user .ub{background:var(--g);color:#fff;border-radius:12px;padding:10px 14px;max-width:70%;line-height:1.4}
.bubble{flex:1;min-width:0}
/* collapsed old card (inactive-cards-v2 CardSummary) */
.summary{margin-top:8px;display:flex;height:44px;width:100%;min-width:0;cursor:default;pointer-events:none;align-items:center;gap:8px;border-radius:12px;border:1px solid var(--g25);background:var(--g10);padding:0 12px}
.summary i[data-lucide]{width:16px;height:16px;flex:none;color:var(--g)}
.summary p{margin:0;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px 'DM Sans';color:var(--g)}
/* chat card shell (cards.tsx cardShell / cardBand) */
.ccard{margin-top:10px;overflow:hidden;border-radius:16px;border:1px solid var(--g25);background:#fff;box-shadow:var(--shadow)}
.cband{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;background:var(--g10);padding:6px 16px;font:600 14px 'DM Sans';color:var(--g)}
.cband p{margin:0}
.cband .ct{font:400 13px 'Source Sans 3';color:var(--d75)}
.cbody{padding:8px 16px 16px}
/* extras rows — shared by chat card and side panel */
.xrow{width:100%;min-height:60px;display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:0;border-top:1px solid var(--g10);padding:8px 0;font:inherit;color:var(--d);cursor:pointer}
.xrow:first-child{border-top:0}
.xrow .xi{width:36px;height:36px;border-radius:10px;background:var(--t10);color:var(--g);display:inline-flex;align-items:center;justify-content:center;flex:none}
.xrow .xi i[data-lucide]{width:18px;height:18px}
.xrow .tx{flex:1;min-width:0}
.xrow .tx b{display:block;font:600 15px 'DM Sans';color:var(--d);line-height:1.25}
.xrow .tx span{display:block;font-size:14px;color:var(--d75);line-height:1.35;margin-top:2px}
.xrow .go{color:var(--g)}
.xrow:focus-visible{outline:2px solid var(--t);outline-offset:2px;border-radius:8px}
.xrow.off{cursor:default}
.xrow.off .xi{background:#EDEEEF;color:#6B7077}
.xrow.off .tx b{color:var(--d75)}
.xrow .why{display:flex!important;align-items:center;gap:6px;color:var(--d75)!important}
.xrow .why i[data-lucide]{width:14px;height:14px}
.xlink{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 4px;border:0;background:none;font:600 14px 'DM Sans';color:var(--g);text-decoration:underline;text-underline-offset:3px;cursor:pointer;flex:none}
.skip{margin-top:6px;width:100%}
.addb{min-height:44px;padding:0 14px;border-radius:22px;border:1px solid var(--g);background:#fff;color:var(--g);font:600 14px 'DM Sans';display:inline-flex;align-items:center;gap:6px;flex:none;cursor:pointer}
.addb i[data-lucide]{width:16px;height:16px}
/* side-panel optional section: neutral, never amber */
.opt{background:#fff;border:1px solid var(--g25);border-radius:16px;padding:12px 14px 6px;margin:0 0 12px;box-shadow:var(--shadow)}
.opt-hd{display:flex;align-items:center;gap:8px;margin:0 0 2px}
.opt-hd h2{font:700 17px 'DM Sans';color:var(--d);flex:1}
.opt-hd .tag{font:600 13px 'DM Sans';color:var(--d75);background:#F5F6F6;border:1px solid #E7E8E9;border-radius:10px;padding:2px 8px}
.opt-sub{font-size:14px;color:var(--d75);margin:0 0 2px;line-height:1.35}
.opt .xrow{min-height:56px}
.opt .xrow .xi{width:32px;height:32px}
.gap{height:4px}
.ro .val.none{color:var(--d75)}
/* texts card rows (TextsCard) */
.trow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:1px solid var(--g10);padding:12px 0}
.trow:first-child{border-top:0;padding-top:4px}
.trow b{display:block;font:600 14px 'DM Sans';color:var(--d)}
.trow p{margin:2px 0 0;font-size:14px;color:var(--d)}
.trow .when{font-size:13px;color:var(--d75)}
.rm{display:inline-flex;align-items:center;justify-content:center;height:44px;width:44px;flex:none;border-radius:12px;border:1px solid var(--g25);background:#fff;color:var(--g)}
.rm i[data-lucide]{width:16px;height:16px}
.approve{margin-top:8px;min-height:44px;border:0;border-radius:12px;background:var(--g);padding:0 16px;font:600 14px 'DM Sans';color:#fff}
/* design annotation — not product UI */
.anno{border:2px dashed #961415;background:#FDE8E9;color:#961415;border-radius:12px;padding:10px 12px;margin:10px 0 0 42px;font:600 14px 'DM Sans';line-height:1.4}
.anno span{display:block;font:400 14px 'Source Sans 3';color:#0B1421;margin-top:2px}
.ph{border:1.5px dashed var(--g25);border-radius:12px;padding:14px;color:var(--d75);font-size:14px;line-height:1.4;background:#FAFAFB}
@media(max-width:767px){
  .top .logo{height:18px}
  .user .ub{max-width:85%}
  .anno{margin-left:0}
}