/* DD styling sweep (28 Oct demo, operator: "Anything that is like this that you added needs to be styled ... go into the small details").
   Loaded after every master stylesheet (its own React precedence group, see src/components/ddw/ddw-polish-stylesheet.tsx), master tokens only.
   Every rule is preceded by a comment naming the screen and what was unstyled. */
/* Native <select> (LOI card + wizard LOI step: representative, commerce platform, tax): the OS chevron replaced by the token chevron the master dropdowns use. */
.ddw select:not([multiple]):not([size]){-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 19px) 52%,calc(100% - 14px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px;cursor:pointer}
/* Native <select>: the closed control keeps a visible focus ring like the master inputs. */
.ddw select:not([multiple]):not([size]):focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* Deal-room tables (Findings, Top risks, Report): headers broke mid-word ("ST AT US", "SEVERIT Y") because the master lets every cell wrap anywhere; headers wrap only between words. */
.ddw .filetable th{overflow-wrap:normal;word-break:normal;hyphens:manual}
/* Deal-room tables: plain links inside cells ("Memo · 1. Executive summary", deliverable file names) were browser-default blue + underline; brand ink like the master's own text links. */
.ddw .filetable td a:not(.btn):not(.chip){color:var(--brand);font-weight:600;text-decoration:none;overflow-wrap:anywhere}
/* Deal-room tables: link hover/focus shows the underline. */
.ddw .filetable td a:not(.btn):not(.chip):hover,.ddw .filetable td a:not(.btn):not(.chip):focus-visible{text-decoration:underline;text-underline-offset:2px}
/* LOI full-screen page: "Back to the deal room" was a browser-default link. */
.ddw .loi-fullscreen-toolbar .mini a{color:var(--brand);font-weight:600;text-decoration:none}
/* LOI full-screen page: back-link hover. */
.ddw .loi-fullscreen-toolbar .mini a:hover{text-decoration:underline;text-underline-offset:2px}
/* Step tabs on phones: the master spans the LAST tab across both columns, which is right for 7 wizard steps but leaves an empty cell beside 07 (deal room, 8 tabs) and 03 (seller portal, 4 tabs). Only an odd last tab spans. */
.ddw .steps .step:last-child:nth-child(even){grid-column:auto}
/* Sidebar foot (workspace, deal room): the Sign out button squeezed the user block, wrapped to two lines and overlapped the e-mail. It now sits on its own row under the user. */
.ddw .side-foot:has([data-ddw-signout-slot]){flex-wrap:wrap;row-gap:10px}
/* Sidebar foot: the user text block can shrink and ellipsis instead of overflowing. */
.ddw .side-foot:has([data-ddw-signout-slot]) .logo-text{min-width:0;flex:1 1 0}
/* Sidebar foot: long e-mail ellipsis. */
.ddw .side-foot:has([data-ddw-signout-slot]) .logo-text>*{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Sidebar foot: Sign out row, full width, one line. */
.ddw .side-foot [data-ddw-signout-slot]{flex:1 1 100%;margin-left:0!important;display:grid;gap:6px}
/* Sidebar foot: the button itself. */
.ddw .side-foot [data-ddw-signout]{width:100%;white-space:nowrap}
/* LOI card status ("Now Draft  Next Sent  Next Signed" rendered as loose text): a three-step tracker with pills, like the prep questionnaire's pills. */
.ddw #loiTracker ol{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0;list-style:none}
/* LOI tracker: one step. */
.ddw #loiTracker li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 12px 4px 5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;color:var(--ink-3)}
/* LOI tracker: the current step. */
.ddw #loiTracker li[data-state=current]{border-color:var(--brand);background:var(--brand-tint);color:var(--ink)}
/* LOI tracker: a done step. */
.ddw #loiTracker li[data-state=done]{color:var(--ink)}
/* LOI tracker: step label weight. */
.ddw #loiTracker li b{font-weight:600}
/* LOI tracker: the Now / Next / Done pill (the master's prep-pill vocabulary, toned by --prep-tone). */
.ddw #loiTracker .prep-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 9px;border-radius:999px;background:var(--prep-tone);color:var(--surface);font-size:11.5px;font-weight:700;letter-spacing:.02em;line-height:1.2}
/* LOI tracker: the detail line under the steps. */
.ddw #loiTracker>p{margin:0;font-size:13px}
/* LOI card, no priced valuation: the title ran into the body ("...deal yetNo offer produced"); a callout with the title on its own line. */
.ddw #loiPricing[data-loi-pricing=empty]{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
/* No-valuation callout: title. */
.ddw #loiPricing[data-loi-pricing=empty]>b{display:block;font-size:14px;color:var(--ink)}
/* No-valuation callout: body. */
.ddw #loiPricing[data-loi-pricing=empty]>small{display:block;font-size:13px;line-height:1.5;color:var(--ink-3)}
/* No-valuation callout: the Run valuation action keeps its own row. */
.ddw #loiPricing[data-loi-pricing=empty] .loi-actions{margin-top:4px!important}
/* LOI card header on phones: the title column was squeezed to a sliver beside "No version yet"; the title takes the row and the version note wraps under it. */
@media(max-width:700px){.ddw #rpLoi>.row-flex:first-child>.grow,.ddw .loi-card>.row-flex:first-child>.grow{flex:1 1 calc(100% - 56px);min-width:0}}
/* Seller portal, Your files: the long "Added" text ("27 Oct 2026 · already provided from your data room (+53 more)") was nowrap and pushed Preview / Download off the right edge. It wraps now. */
#view-files .tbl td.c3{white-space:normal;text-align:right;min-width:9rem;max-width:16rem}
/* Your files: the two row actions stay on one line, side by side. */
#view-files .tbl td.c4{white-space:nowrap}
/* Your files on phones: the card shows the Added text in full and Preview + Download share the row instead of Download falling off-screen. */
@media(max-width:720px){#view-files .tbl.cards td.c3{text-align:left;max-width:none;min-width:0}#view-files .tbl.cards td.c4{display:flex;gap:8px;white-space:normal}#view-files .tbl.cards td.c4 .act{flex:1 1 0;width:auto;min-width:0}}
/* Deal-room tables on phones (Runs): the cards dropped the column names, leaving bare values ("6 min", "13 / 13", "10"); a cell with data-label shows its name above the value. */
@media(max-width:700px){.ddw .filetable td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}}
/* Seller-link feedback (outside .ddw, so :root tokens): the button was Arial with inline colours; the master's font + brand. */
.seller-feedback{position:fixed;right:16px;bottom:16px;z-index:2147483000;font:14px/1.5 Inter,Geist,system-ui,sans-serif;color:var(--ctl-ink)}
/* Seller feedback: launcher pill. */
.seller-feedback .sf-fab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--brand);color:#fff;font:600 14px/1 Inter,Geist,system-ui,sans-serif;box-shadow:0 6px 18px #0b1d3a33;cursor:pointer}
/* Seller feedback: launcher focus ring. */
.seller-feedback .sf-fab:focus-visible,.seller-feedback button:focus-visible,.seller-feedback textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* Seller feedback: the open panel was a raw white box with grey OS buttons; a card in the control tokens. */
.seller-feedback .sf-panel{display:grid;gap:10px;width:min(340px,calc(100vw - 32px));padding:16px;border:1px solid var(--ctl-line);border-radius:14px;background:var(--ctl-bg);box-shadow:0 12px 32px #0b1d3a33}
/* Seller feedback: panel title. */
.seller-feedback .sf-title{margin:0;font-size:15px;font-weight:700}
/* Seller feedback: the message box. */
.seller-feedback textarea{width:100%;min-height:96px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--ctl-line);border-radius:10px;background:var(--ctl-bg);color:var(--ctl-ink);font:inherit;resize:vertical}
/* Seller feedback: error and thank-you lines. */
.seller-feedback .sf-note{margin:0;font-size:13px}
/* Seller feedback: error tone. */
.seller-feedback .sf-note[role=alert]{color:#a23240}
/* Seller feedback: actions row. */
.seller-feedback .sf-actions{display:flex;gap:8px;justify-content:flex-end}
/* Seller feedback: both actions use the master button shape. */
.seller-feedback .sf-actions button{min-height:40px;padding:0 14px;border-radius:10px;font:600 13px/1 Inter,Geist,system-ui,sans-serif;cursor:pointer}
/* Seller feedback: Close (soft). */
.seller-feedback .sf-close{border:1px solid var(--ctl-line);background:var(--ctl-bg);color:var(--ctl-ink)}
/* Seller feedback: Send (primary). */
.seller-feedback .sf-send{border:1px solid var(--brand);background:var(--brand);color:#fff}
/* Seller feedback: Send while empty / sending. */
.seller-feedback .sf-send:disabled{opacity:.5;cursor:not-allowed}
/* Seller feedback on phones: the fixed pill covered question text and file names on every tab; it sits in the page flow at the end, like the DDW feedback launchers. */
@media(max-width:680px){.seller-feedback{position:static;display:flex;justify-content:flex-end;margin:16px}}
/* Seller feedback, dark theme: :root --brand is a light cyan there, so the pill and Send take dark ink for contrast. */
html[data-theme="dark"] .seller-feedback .sf-fab,html[data-theme="dark"] .seller-feedback .sf-send{color:#0f1e38}