/* Business workflows, framed customer portraits and visible API handovers. */
:is(.story-enterprise,.enterprise) .workflow-planner{padding:22px 24px 26px}
:is(.story-enterprise,.enterprise) .kanban-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
:is(.story-enterprise,.enterprise) .kanban-column{padding:12px 10px;border:1px solid #dfcfba;background:#eee5d8;border-radius:12px;min-width:0}
:is(.story-enterprise,.enterprise) .kanban-column>header{display:flex;align-items:center;gap:8px;min-height:42px;margin:0 2px 12px}
:is(.story-enterprise,.enterprise) .kanban-column h4{font-size:18px;line-height:1.25;color:#503528;font-weight:500;margin:0;flex:1}
:is(.story-enterprise,.enterprise) .stage-dot{width:8px;height:8px;border-radius:50%;background:#876656;flex:none}
:is(.story-enterprise,.enterprise) .stage-1 .stage-dot{background:#ab6e1d}
:is(.story-enterprise,.enterprise) .stage-2 .stage-dot{background:#3b7353}
:is(.story-enterprise,.enterprise) .stage-count{font-size:16px;color:#765b46;min-width:24px;text-align:center}
:is(.story-enterprise,.enterprise) .kanban-cards{display:grid;gap:12px;align-content:start;min-height:370px}
:is(.story-enterprise,.enterprise) .order-card{background:#fffaf2;border:1px solid #e3d6c4;border-radius:8px;padding:14px 12px;box-shadow:0 4px 10px #5c3f2910;min-width:0}
:is(.story-enterprise,.enterprise) .order-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#805d48;font-size:16px;flex-wrap:wrap}
:is(.story-enterprise,.enterprise) .order-card-top strong{font-size:16px;font-weight:400}
:is(.story-enterprise,.enterprise) .order-origin{font-size:16px;color:#41684c}
:is(.story-enterprise,.enterprise) .order-card h5{font-size:20px;line-height:1.3;color:#502c2b;font-weight:500;margin:15px 0 6px}
:is(.story-enterprise,.enterprise) .order-collection{font-size:16px;color:#846b58;line-height:1.45}
:is(.story-enterprise,.enterprise) .order-card-items{display:grid;gap:10px;margin:20px 0;padding:16px 0;border-block:1px solid #e9ddcb}
:is(.story-enterprise,.enterprise) .order-card-items>div{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.35;color:#624a38;min-width:0}
:is(.story-enterprise,.enterprise) .order-card-items .product-visual{width:46px;flex:none}
:is(.story-enterprise,.enterprise) .card-owner{display:flex;align-items:center;gap:8px;font-size:16px;color:#81634f;line-height:1.35;margin:0 0 20px}
:is(.story-enterprise,.enterprise) .card-avatar{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;flex:none;background:#eadaca;font-size:14px;color:#763b48}
:is(.story-enterprise,.enterprise) .card-actions{display:flex;gap:6px}
:is(.story-enterprise,.enterprise) .card-actions button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;line-height:1.3;padding:10px 7px;min-height:46px;border-radius:6px;border:1px solid #d8c3aa;background:#fbf4e9;color:#633b31}
:is(.story-enterprise,.enterprise) .card-actions button:first-child{width:44px;flex:none}
:is(.story-enterprise,.enterprise) .card-actions button:last-child{flex:1;background:#713043;color:#fff5eb;border-color:#713043}
:is(.story-enterprise,.enterprise) .card-actions button:first-child:disabled{opacity:.4}
:is(.story-enterprise,.enterprise) .card-actions button:last-child:disabled{color:#345940;background:#e3eddf;border-color:#bfcfb5;opacity:1;cursor:default}
:is(.story-enterprise,.enterprise) .card-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
:is(.story-enterprise,.enterprise) .workflow-empty{border:1px dashed #cfbba3;border-radius:8px;display:grid;align-content:center;justify-items:center;min-height:170px;padding:20px 12px;color:#89715c;text-align:center;gap:15px}
:is(.story-enterprise,.enterprise) .workflow-empty>span{font-size:28px}
:is(.story-enterprise,.enterprise) .workflow-empty p{font-size:16px;line-height:1.5;margin:0}
:is(.story-enterprise,.enterprise) .workflow-bottom{background:none;border:0;padding:0;display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:18px;min-height:44px}
:is(.story-enterprise,.enterprise) .workflow-bottom p{color:#5e6f4e;font-size:16px;line-height:1.5;margin:0}
:is(.story-enterprise,.enterprise) .workflow-bottom .order-source-toggle{margin-left:auto;flex:none}
:is(.story-enterprise,.enterprise) .batch-quantities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border-top:1px solid #d7c5ad;padding-top:20px;margin-top:12px}
:is(.story-enterprise,.enterprise) .batch-quantities>div>span{font-size:16px;color:#755940}
:is(.story-enterprise,.enterprise) .batch-quantities .prep-total{font-size:28px;margin-top:12px;flex-wrap:wrap}
/* The hero portrait includes a repeated lower edge. Display only its real portrait area. */
:is(.story-enterprise,.enterprise) .pet-portrait.ted{display:block;position:relative;aspect-ratio:1.1;min-height:0;height:auto;align-self:center;overflow:hidden;background:#eadfc9}
:is(.story-enterprise,.enterprise) .pet-portrait.ted img{position:absolute;inset:0 auto auto 0;width:100%;height:auto;max-height:none;mix-blend-mode:multiply;object-position:center top}
:is(.story-enterprise,.enterprise) .customer-choice [data-pet=ted] img{object-fit:cover;object-position:center top}
:is(.story-enterprise,.enterprise) .connection-board{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr) 62px minmax(0,1.05fr)}
:is(.story-enterprise,.enterprise) .api-kind{display:block;font-size:16px;line-height:1.4;color:#84664e;margin-top:8px}
:is(.story-enterprise,.enterprise) .connection-route>b{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:16px;font-weight:400;color:#805b47;white-space:nowrap}
:is(.story-enterprise,.enterprise) .api-exchange{margin-top:22px;border-top:1px solid #dbcbb6;padding-top:8px}
:is(.story-enterprise,.enterprise) .api-exchange>button{display:flex;align-items:center;gap:12px;width:100%;padding:16px 0;border:0;background:none;color:#713043;font-size:17px;min-height:50px;text-align:left}
:is(.story-enterprise,.enterprise) .api-exchange>button>span{margin-left:auto;font-size:24px}
:is(.story-enterprise,.enterprise) .api-exchange svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
:is(.story-enterprise,.enterprise) #api-exchange-details:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px}
:is(.story-enterprise,.enterprise) .api-exchange h4{font-size:20px;color:#5a372d;margin:0 0 16px;line-height:1.3}
:is(.story-enterprise,.enterprise) .api-payload{padding:20px;background:#efe5d7;border:1px solid #dfcdb6;border-radius:9px;min-width:0}
:is(.story-enterprise,.enterprise) .api-payload>code{display:inline-block;color:#844157;background:#f8f0e6;padding:6px 9px;border-radius:5px;font:16px/1.4 ui-monospace,monospace}
:is(.story-enterprise,.enterprise) .api-payload pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.6 ui-monospace,monospace;color:#74543c;margin:16px 0 0}
:is(.story-enterprise,.enterprise) .api-mapping ol{margin:0;padding-left:24px;display:grid;gap:22px;color:#7d533c}
:is(.story-enterprise,.enterprise) .api-mapping li>strong{display:block;font-size:18px;font-weight:500;color:#5d3b2e;margin-bottom:8px}
:is(.story-enterprise,.enterprise) .api-mapping li>span{font-size:16px;line-height:1.55;color:#806550}
@media(max-width:1200px) and (min-width:901px),(max-width:700px){
 :is(.story-enterprise,.enterprise) .kanban-board{grid-template-columns:1fr}
 :is(.story-enterprise,.enterprise) .kanban-cards{min-height:0}
 :is(.story-enterprise,.enterprise) .order-card-items{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(.story-enterprise,.enterprise) .connection-board{grid-template-columns:1fr}
 :is(.story-enterprise,.enterprise) .connection-route{height:42px;width:2px;justify-self:center}
 :is(.story-enterprise,.enterprise) .connection-route>b{left:14px;bottom:10px;transform:none}
 :is(.story-enterprise,.enterprise) #api-exchange-details:not([hidden]){grid-template-columns:1fr}
}
@media(max-width:600px){
 :is(.story-enterprise,.enterprise) .workflow-planner{padding:18px}
 :is(.story-enterprise,.enterprise) .kanban-column{padding:12px}
 :is(.story-enterprise,.enterprise) .kanban-board{margin-top:18px;gap:18px}
 :is(.story-enterprise,.enterprise) .order-card{padding:16px}
 :is(.story-enterprise,.enterprise) .order-card-items{grid-template-columns:1fr;gap:10px}
 :is(.story-enterprise,.enterprise) .order-card-items .product-visual{width:48px}
 :is(.story-enterprise,.enterprise) .workflow-bottom{flex-wrap:wrap;gap:8px}
 :is(.story-enterprise,.enterprise) .workflow-bottom .order-source-toggle{margin-left:0}
 :is(.story-enterprise,.enterprise) .batch-quantities{grid-template-columns:1fr;gap:18px}
 :is(.story-enterprise,.enterprise) .batch-quantities>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
 :is(.story-enterprise,.enterprise) .batch-quantities .prep-total{margin:0}
 :is(.story-enterprise,.enterprise) .api-payload{padding:16px}
 :is(.story-enterprise,.enterprise) .api-payload pre{font-size:16px}
}
@media(prefers-reduced-motion:no-preference){:is(.story-enterprise,.enterprise) .order-card{animation:workflow-arrival .25s ease-out}@keyframes workflow-arrival{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}