/* V14b — compact, native-feeling DO directory. A card opens its own page.
   Scoped to the Figma V14 presentation; legacy UX remains intact. */
html[data-bak-ui="figma-v12"] main.v13-do-mode-receive .v7-do-summary.v14b-condensed{
 display:block!important;min-height:0!important;
 margin:0 0 8px!important;padding:0!important;
 background:#fff!important;border:1px solid #e5ebe5!important;
 border-left:1px solid #e5ebe5!important;border-radius:17px!important;
 box-shadow:0 2px 9px rgba(24,61,42,.035)!important;
 overflow:hidden!important;
}
html[data-bak-ui="figma-v12"] main.v13-do-mode-receive .v7-do-summary.v14b-condensed > :not(.v14b-do-open){
 display:none!important;
}
html[data-bak-ui="figma-v12"] main.v13-do-mode-receive .v7-do-summary.v14b-condensed .v14b-do-open{
 width:100%!important;min-height:79px!important;
 display:flex!important;align-items:center!important;gap:10px!important;
 padding:12px 11px 12px 13px!important;margin:0!important;border:0!important;
 background:transparent!important;color:#163b2c!important;text-align:left!important;
 font:inherit!important;box-shadow:none!important;border-radius:17px!important;
 transition:background-color .12s ease!important;touch-action:manipulation;
}
html[data-bak-ui="figma-v12"] .v14b-do-open:active{background:#eaf5ef!important}
html[data-bak-ui="figma-v12"] .v14b-do-icon{
 width:37px;min-width:37px;height:42px;border-radius:12px;
 display:grid;place-items:center;background:#e0f4e9;color:#206d50;
 font-size:19px;line-height:1;font-weight:650;
}
html[data-bak-ui="figma-v12"] .v14b-do-primary{
 min-width:0;flex:1;display:flex;flex-direction:column;gap:5px;
}
html[data-bak-ui="figma-v12"] .v14b-do-primary strong{
 display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
 overflow:hidden;overflow-wrap:anywhere;word-break:normal;
 font-size:14px!important;line-height:1.24!important;letter-spacing:-.015em!important;
 font-weight:800!important;color:#193d2e!important;
}
html[data-bak-ui="figma-v12"] .v14b-do-primary small{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-size:11px!important;font-weight:550!important;color:#7b8a80!important;
 line-height:1.25!important;
}
html[data-bak-ui="figma-v12"] .v14b-do-end{
 display:flex;flex-direction:column;align-items:flex-end;gap:7px;
 flex:0 0 auto;max-width:93px;text-align:right;
}
html[data-bak-ui="figma-v12"] .v14b-do-end>b{
 white-space:nowrap;font-size:14px!important;line-height:1!important;
 font-weight:800!important;color:#1c4636!important;
}
html[data-bak-ui="figma-v12"] .v14b-do-end>b small{font-size:10px!important;font-weight:600;color:#799182}
html[data-bak-ui="figma-v12"] .v14b-do-end em{
 font-style:normal!important;white-space:nowrap;font-size:9px!important;
 font-weight:800!important;line-height:1.2!important;letter-spacing:.015em;
 padding:5px 7px;border-radius:9px;background:#e8edec;color:#586960;
}
html[data-bak-ui="figma-v12"] .v14b-do-end em[data-state="ok"]{background:#dff4e6;color:#207148}
html[data-bak-ui="figma-v12"] .v14b-do-end em[data-state="warn"]{background:#fff0d5;color:#925a21}
html[data-bak-ui="figma-v12"] .v14b-do-chevron{font-size:19px;font-weight:500;color:#90a39a;flex:none}
/* Dedicated page replaces the list while open, not a large accordion underneath it. */
html[data-bak-ui="figma-v12"] main.v14b-detail-open > :not(.v14b-do-detail){
 display:none!important;
}
html[data-bak-ui="figma-v12"] main.v14b-detail-open{
 background:#f3f4f0!important;max-width:none!important;
 padding:0!important;min-height:100dvh!important;
}
html[data-bak-ui="figma-v12"] .v14b-do-detail{
 box-sizing:border-box;display:block!important;width:100%;max-width:710px;
 min-height:100dvh;margin:0 auto;padding:23px 16px max(50px,env(safe-area-inset-bottom));
 background:#f3f4f0;color:#193b2d;
}
html[data-bak-ui="figma-v12"] .v14b-detail-head{display:flex;align-items:center;gap:12px;padding-bottom:18px}
html[data-bak-ui="figma-v12"] .v14b-back{
 width:43px;min-width:43px;height:43px;display:grid;place-items:center;
 background:#fff!important;border-radius:15px!important;border:1px solid #e3e9e3!important;
 font-size:30px!important;line-height:1;color:#245540!important;
}
html[data-bak-ui="figma-v12"] .v14b-detail-headline{flex:1;min-width:0}
html[data-bak-ui="figma-v12"] .v14b-detail-headline small{font-size:9px;letter-spacing:.12em;font-weight:800;color:#8a9a90}
html[data-bak-ui="figma-v12"] .v14b-detail-headline h1{
 margin:2px 0 0!important;font-size:25px!important;letter-spacing:-.04em!important;
 line-height:1.2!important;font-weight:850!important;color:#173829!important;
}
html[data-bak-ui="figma-v12"] .v14b-detail-state{
 font-size:10px;font-weight:800;padding:8px 9px;border-radius:11px;
 background:#e4eae5;color:#5b7164;white-space:nowrap;
}
html[data-bak-ui="figma-v12"] .v14b-detail-state[data-state="ok"]{background:#d8f3e5;color:#17764a}
html[data-bak-ui="figma-v12"] .v14b-detail-state[data-state="warn"]{background:#fff0d5;color:#8a5b21}
html[data-bak-ui="figma-v12"] .v14b-detail-kpis{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 22px;
}
html[data-bak-ui="figma-v12"] .v14b-detail-kpis>div{
 padding:13px 10px;background:#fff;border:1px solid #e5ebe5;border-radius:16px;
 display:flex;flex-direction:column;gap:7px;min-width:0;
}
html[data-bak-ui="figma-v12"] .v14b-detail-kpis small{font-size:10px;color:#819088}
html[data-bak-ui="figma-v12"] .v14b-detail-kpis strong{
 font-size:14px!important;color:#1a513b!important;line-height:1.25;overflow-wrap:anywhere;
}
html[data-bak-ui="figma-v12"] .v14b-detail-section{
 display:flex;align-items:end;justify-content:space-between;gap:8px;margin:15px 2px;
}
html[data-bak-ui="figma-v12"] .v14b-detail-section h2{font-size:20px!important;font-weight:850!important;letter-spacing:-.04em;margin:0!important;color:#1a3d2c}
html[data-bak-ui="figma-v12"] .v14b-detail-section small{font-size:11px;color:#89938b;line-height:1.4}
html[data-bak-ui="figma-v12"] .v14b-detail-items{display:flex;flex-direction:column;gap:9px}
html[data-bak-ui="figma-v12"] .v14b-detail-item{
 background:#fff;border:1px solid #e0e9e1;border-radius:17px;
 padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;
 gap:12px;align-items:start;
}
html[data-bak-ui="figma-v12"] .v14b-item-name{display:flex;flex-direction:column;gap:5px;min-width:0}
html[data-bak-ui="figma-v12"] .v14b-item-name strong{font-size:14px!important;line-height:1.3;color:#1a4c37;font-weight:750!important;overflow-wrap:anywhere}
html[data-bak-ui="figma-v12"] .v14b-item-name small{font-size:11px;color:#839287;line-height:1.35;overflow-wrap:anywhere}
html[data-bak-ui="figma-v12"] .v14b-item-qty{display:flex;align-items:end;gap:5px;flex:none}
html[data-bak-ui="figma-v12"] .v14b-item-qty label{display:flex;flex-direction:column;font-size:10px;font-weight:700;color:#708476;gap:4px}
html[data-bak-ui="figma-v12"] .v14b-item-qty input{
 width:66px!important;height:37px!important;min-height:37px!important;
 border-radius:10px!important;border:1px solid #cbded1!important;
 background:#f5f9f6!important;padding:6px!important;text-align:center!important;
 color:#1b5039!important;font-size:15px!important;font-weight:750!important;
 box-shadow:none!important;
}
html[data-bak-ui="figma-v12"] .v14b-item-qty button{
 height:37px;min-width:61px;border-radius:10px!important;
 background:#125d42!important;color:#fff!important;border:0!important;
 padding:5px 8px!important;font-size:11px!important;font-weight:750!important;
}
html[data-bak-ui="figma-v12"] .v14b-item-qty button:disabled{
 opacity:.35;cursor:default;
}
html[data-bak-ui="figma-v12"] .v14b-item-received{
 grid-column:1/-1;font-size:10px;color:#85928a;
 border-top:1px solid #f0f3f0;padding-top:9px;
}
html[data-bak-ui="figma-v12"] .v14b-detail-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 10px}
html[data-bak-ui="figma-v12"] .v14b-detail-tools button{
 min-height:44px;border-radius:13px!important;background:#fff!important;color:#265440!important;
 border:1px solid #d9e6df!important;font-size:12px!important;font-weight:750!important;
}
html[data-bak-ui="figma-v12"] .v14b-detail-tools .v14b-delete{color:#b34e3c!important;background:#fff6f3!important;border-color:#f4d5c9!important}
html[data-bak-ui="figma-v12"] .v14b-audit-note{font-size:11px;color:#89938b;line-height:1.5;margin:9px 1px}
html[data-bak-ui="figma-v12"] .v14b-detail-notice{font-size:12px;color:#8b622d;background:#fff5e2;border-radius:12px;padding:11px}
html[data-bak-ui="figma-v12"] .v14b-detail-loading,
html[data-bak-ui="figma-v12"] .v14b-detail-error{
 background:#fff;padding:20px;border-radius:16px;font-size:13px;color:#587361
}
@media(max-width:360px){
 html[data-bak-ui="figma-v12"] .v14b-do-icon{width:33px;min-width:33px;height:38px}
 html[data-bak-ui="figma-v12"] .v14b-detail-item{grid-template-columns:minmax(0,1fr)}
 html[data-bak-ui="figma-v12"] .v14b-item-qty{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
 html[data-bak-ui="figma-v12"] .v14b-do-open{transition:none!important}
}