/* What PressUp's tools make for a business (App\Businesses): the tools' form (partials/work-form), a
   work's page (works/show), the journey beside it (works/partials/journey) and the dashboard's
   Branding and Documents (app/works). Loaded after app.css, whose tokens it uses. Each tool's own
   styles are in public/css/tools/<slug>.css. */

/* The form, in the site builder's box (.prompt in app.css) */
.work-form-for{margin:0 0 12px;color:var(--muted);font-size:14px}
.work-form-for a{color:var(--accent-hover)}
.work-form-name{width:100%;margin:6px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:17px}
.work-form-name:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}

/* A work's page */
.work-page{padding:40px 0 88px}
.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.work-for{margin:0;color:var(--subtle);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.work-main h1{margin:8px 0 24px;font:400 clamp(32px,4.4vw,48px)/1.08 var(--display);letter-spacing:-.025em;text-wrap:balance}
.work-working,.work-failed,.work-keep{display:flex;align-items:center;gap:18px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.work-working h2,.work-failed h2,.work-keep h2{margin:0;font:500 20px/1.25 var(--display)}
.work-working p,.work-failed p,.work-keep p{margin:6px 0 0;color:var(--muted)}
.work-failed{flex-direction:column;align-items:flex-start;gap:12px;border-color:#E8C4BC}
.work-failed p{margin:0}
.work-keep{justify-content:space-between;flex-wrap:wrap;margin-top:28px;background:var(--accent-soft);border-color:#F2CDB8}
.work-kept{margin:28px 0 0;color:var(--muted);font-size:15px}
.work-dots{display:inline-flex;gap:6px;flex:none}
.work-dots i{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:work-dot 1.2s ease-in-out infinite}
.work-dots i:nth-child(2){animation-delay:.15s}
.work-dots i:nth-child(3){animation-delay:.3s}
@keyframes work-dot{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.work-dots i{animation:none;opacity:.7}}
@media (max-width:900px){.work-layout{grid-template-columns:1fr}}

/* The journey: from an idea to a running business */
.journey{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.journey h2{margin:0 0 14px;font:500 19px/1.25 var(--display)}
.journey ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.journey-step{position:relative;display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:12px}
.journey-step.is-next{background:var(--accent-soft)}
.journey-mark{display:grid;flex:none;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--chip);color:var(--muted);font-size:13px;font-weight:700}
.journey-step.is-done .journey-mark{background:var(--ok-soft);color:var(--ok)}
.journey-step.is-next .journey-mark{background:var(--accent);color:#fff}
.journey-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.journey-text b{font-size:14.5px;line-height:1.3}
.journey-text a{color:var(--ink);text-decoration:none}
.journey-text a:hover b{color:var(--accent-hover)}
.journey-text small{color:var(--muted);font-size:13px;line-height:1.4}
.journey-step.is-done .journey-text b,.journey-step.is-waiting .journey-text b{color:var(--muted);font-weight:600}
.journey-next{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* The dashboard's Branding and Documents */
.works-starts{display:flex;flex-wrap:wrap;gap:8px}
.works-starts .btn .mega-icon{width:24px;height:24px;margin-right:4px;border-radius:7px}
.works-business+.works-business{margin-top:18px}
.works-next{display:inline-flex;align-items:baseline;gap:6px;color:var(--accent-hover);font-size:14px;font-weight:600;text-decoration:none}
.works-next small{color:var(--subtle);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.work-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.work-card{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}
.work-card:hover{border-color:#CFC7B8;box-shadow:0 12px 28px rgba(26,26,23,.08);color:var(--ink)}
.work-card-kind{color:var(--subtle);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.work-card b{font-size:16px;line-height:1.35}
.work-card-text{color:var(--muted);font-size:14px;line-height:1.45}
.work-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.work-card-foot small{color:var(--subtle);font-size:13px}

/* The Documents section's templates (App\Businesses\Documents\Templates): part of Pro */
.doc-templates{margin-top:18px}
.doc-pro{padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.doc-panel-text{margin:-8px 0 14px;color:var(--muted);font-size:15px}
.doc-template-list{display:grid;gap:0;margin:0 0 14px;padding:0;list-style:none}
.doc-template-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line-soft)}
.doc-template-list li:first-child{border-top:0}
.doc-template-list div{display:flex;flex-direction:column;gap:2px;min-width:0}
.doc-template-list b{font-size:15.5px}
.doc-template-list small{color:var(--muted);font-size:13.5px;line-height:1.45}
.doc-template-list .btn{flex:none}

/* Opened from another tool (App\Http\Controllers\ToolController::RETURN): where picking goes back to */
.tool-return{max-width:760px;margin:0 auto 16px;padding:10px 14px;border:1px solid #CFE0D2;border-radius:12px;background:var(--ok-soft);color:var(--ok);font-size:14.5px;font-weight:600;text-align:left}
/* Documents: Business filings (app/partials/business-filings). */
.doc-filings{margin-top:18px}
.doc-filing-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.doc-filing{padding:14px 0;border-top:1px solid var(--line-soft)}
.doc-filing:first-child{border-top:0;padding-top:4px}
.doc-filing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.doc-filing-head div{display:flex;flex-direction:column;gap:2px;min-width:0}
.doc-filing-head b{font-size:15.5px}
.doc-filing-head small{color:var(--muted);font-size:13.5px}
.doc-filing-status{flex:none;padding:3px 10px;border-radius:999px;background:var(--line-soft);color:var(--muted);font-size:12.5px;font-weight:700;white-space:nowrap}
.doc-filing-status.is-completed{background:var(--ok-soft);color:var(--ok)}
.doc-filing-status.is-needs_info{background:var(--warn-soft);color:var(--warn-ink)}
.doc-filing-status.is-failed,.doc-filing-status.is-canceled{background:#FBE7E4;color:#7F1414}
.doc-filing-status.is-paid,.doc-filing-status.is-submitted{background:var(--accent-soft);color:var(--accent)}
.doc-filing-text{margin:8px 0 10px;color:var(--muted);font-size:14.5px}
.doc-filing-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 18px;margin:0 0 10px}
.doc-filing-facts div{display:flex;flex-direction:column;gap:1px;min-width:0}
.doc-filing-facts dt{color:var(--subtle);font-size:12.5px}
.doc-filing-facts dd{margin:0;font-size:14.5px;font-weight:600;overflow-wrap:anywhere}
.doc-filing-docs{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px;padding:0;list-style:none;font-size:14.5px}
.doc-filing-open{font-size:14px;font-weight:600}