/* ClairFacture guided v3 — modern, luxury yet very readable. */
.guided-onboarding{display:flex;align-items:center;gap:17px;padding:18px 21px;margin:0 0 20px;background:linear-gradient(100deg,#132c4d,#244469);color:#fff;border:1px solid #335377;border-radius:17px;box-shadow:0 10px 28px rgba(23,49,84,.08)}
.guide-onboard-logo{font-size:24px;width:48px;height:48px;display:grid;place-items:center;color:#e4bf7e;border:1px solid rgba(242,207,152,.4);border-radius:14px;flex-shrink:0}
.guided-onboarding>div:nth-child(2){flex:1}.guided-onboarding strong{font:800 14px/1.5 Manrope,Arial,sans-serif}.guided-onboarding p{font-size:11px;line-height:1.6;color:#cadaef;margin-top:5px}
.guide-top{margin:4px 0 24px}.guide-top h1{font:800 clamp(24px,3vw,32px)/1.25 Manrope,Arial,sans-serif;color:#102748;letter-spacing:-.9px;margin:10px 0 9px}
.guide-top p{font-size:12px;color:#8190a5;line-height:1.7}
.guide-stepbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 22px}
.guide-stepbar button{background:#fff;border:1px solid #e2e7f0;border-radius:12px;padding:12px 9px;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;color:#73819a;text-align:left}
.guide-stepbar button span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef1f6;color:#6a7690;flex-shrink:0;font-size:11px;font-weight:900}
.guide-stepbar button b{font-size:10px;line-height:1.4}
.guide-stepbar button.current{background:#163356;color:#fff;border-color:#163356;box-shadow:0 8px 18px rgba(15,50,90,.12)}
.guide-stepbar button.current span{background:#eac991;color:#1a2f50}
.guide-stepbar button.done{border-color:#d4e8dd;color:#38694f}
.guide-stepbar button.done span{background:#e2f8ea;color:#31865d}
.guide-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr);gap:22px;align-items:start}
.guide-main{min-width:0;background:white;border:1px solid #e7eaf1;border-radius:18px;padding:29px 29px 32px;box-shadow:0 13px 35px rgba(24,51,78,.025)}
.guide-section-title>span{color:#b08b54;letter-spacing:1.7px;font-size:10px;font-weight:900}.guide-section-title h2{font:800 22px/1.35 Manrope,Arial,sans-serif;color:#1b3353;margin:11px 0 22px}
.guide-explainer{font-size:12px;line-height:1.7;color:#5f7892;background:#eef4fa;border-radius:11px;padding:13px 15px;margin-bottom:20px}
.guide-form{display:flex;flex-direction:column;gap:14px}
.guide-form>label,.guide-grid>label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#455c79}
.guide-form input,.guide-form select,.guide-form textarea,.guide-manual input,.guide-panel input,.guide-edit-row input{width:100%;border:1px solid #dfe5ed;background:white;border-radius:10px;font-size:13px;min-height:45px;padding:11px 12px;color:#223a56;outline:none;transition:.2s}
.guide-form input:focus,.guide-form select:focus,.guide-form textarea:focus,.guide-manual input:focus,.guide-panel input:focus,.guide-edit-row input:focus{border-color:#c9a46b;box-shadow:0 0 0 3px rgba(194,150,79,.13)}
.guide-form textarea{resize:vertical;line-height:1.6}.guide-form .btn{align-self:flex-start;margin-top:8px;white-space:normal}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.guide-separator{display:flex;align-items:center;gap:18px;margin:22px 0;color:#a7afbb;font-size:10px;font-weight:800;letter-spacing:1px}
.guide-separator:before,.guide-separator:after{content:'';height:1px;background:#e5e8ef;flex:1}
.guide-summary{background:linear-gradient(155deg,#122e51,#091e3a);border:1px solid #2f4c6d;border-radius:17px;padding:23px;color:white;position:sticky;top:100px;box-shadow:0 14px 32px rgba(14,37,65,.1)}
.guide-summary-mark{font-size:10px;color:#e9c68e;letter-spacing:1.5px;font-weight:850}
.guide-summary h3{font-size:19px;margin:12px 0 24px}
.guide-summary>div:not(.guide-summary-mark){display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid rgba(232,240,252,.12)}
.guide-summary span{font-size:11px;color:#acbfd8}
.guide-summary strong{font-size:12px;font-weight:700;text-align:right;max-width:60%;overflow-wrap:anywhere}
.guide-summary .guide-summary-total{margin-top:12px;align-items:center;border:0!important}
.guide-summary-total b{color:#edcc96;font:800 24px Manrope,Arial,sans-serif;letter-spacing:-.5px}
.guide-summary>p{font-size:10px;color:#a9bed8;line-height:1.5;margin-top:12px}
.guide-suggestions{background:white;border:1px solid #e5e9f1;border-radius:15px;padding:20px;margin-top:15px}
.guide-suggestions strong{font-size:12px;color:#2c405d}.guide-suggestions p{font-size:11px;color:#657f8a;margin:13px 0 0}
.guide-selected{padding:15px;border-radius:12px;background:#f1f7f1;color:#49694e;font-size:12px;margin-bottom:21px}
.guide-selected strong{color:#2b513a}.guide-selected button{border:0;background:transparent;color:#397054;text-decoration:underline;font-size:11px;margin-left:7px}
.guide-existing{border:1px solid #e8eaf0;padding:16px;border-radius:13px;margin-bottom:22px}
.guide-existing h3,.guide-subheading{font-size:15px;margin:0 0 15px;color:#283c56}
.guide-job-choices{display:flex;flex-wrap:wrap;gap:8px}
.guide-job-choices button{border:1px solid #e6e9ef;background:#fff;border-radius:10px;padding:13px;text-align:left;min-width:150px;display:flex;flex-direction:column;gap:7px}
.guide-job-choices button:hover{border-color:#c8a168}
.guide-job-choices button strong{font-size:12px}.guide-job-choices button small{color:#8393a6;font-size:10px}
.guide-job-mini{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafc;padding:13px 17px;border-radius:11px;border:1px solid #e8edf4;margin-bottom:21px}
.guide-job-mini strong{font-size:13px;color:#243a59}.guide-job-mini span{font-size:11px;color:#9e7b49}
.guide-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.guide-panel{border:1px solid #e7eaf0;border-radius:14px;padding:18px;background:#fff;margin-bottom:16px;min-width:0}
.guide-panel h3{font-size:15px;color:#243b59;margin:0 0 9px}
.guide-panel>p{font-size:11px;line-height:1.6;color:#8995a5;margin:0 0 13px}
.guide-panel .guide-form{gap:10px}.guide-panel .guide-form .btn{font-size:11px;margin-top:0}
.guide-panel .guide-grid{gap:8px}
.guide-panel .guide-form>label,.guide-panel .guide-grid>label{font-size:10px}
.guide-panel input{font-size:12px;min-height:41px}
.guide-time-list{margin-top:14px;max-height:220px;overflow-y:auto}
.guide-time-list>div{display:flex;align-items:center;gap:7px;border-top:1px solid #edf0f4;padding:9px 0}
.guide-time-list span{font-size:11px;color:#5b6c81;flex:1}.guide-time-list small{font-size:10px;color:#a3adb8}
.guide-time-list b{font-size:11px;white-space:nowrap}
.guide-time-list button{background:#fff0f0;border:0;color:#a45353;border-radius:6px;width:26px;height:26px}
.guide-time-total{padding:11px 0;border-top:1px solid #eee;color:#876535;font-weight:800;font-size:11px;margin-top:12px}
.guide-muted{color:#97a2b0;font-size:12px;line-height:1.6}
.guide-blocks{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:380px;overflow:auto;margin:12px 0}
.guide-blocks button{display:flex;align-items:center;gap:8px;text-align:left;border-radius:8px;border:1px solid #ebedf1;padding:9px 10px;background:#fcfdff;min-width:0}
.guide-blocks button:hover{background:#fffaf1;border-color:#c9a46b}
.guide-blocks span{font-size:18px;color:#b18a4a}
.guide-blocks b{font-size:10px;line-height:1.35;flex:1;color:#3e526d}
.guide-blocks em{color:#a67f43;font-style:normal;font-size:10px;font-weight:800;white-space:nowrap}
.guide-text-button{border:0;background:transparent;color:#98703a;font-size:11px;font-weight:800;padding:8px}
.guide-manual{display:grid;grid-template-columns:minmax(0,1fr) 72px 110px auto;gap:9px;align-items:center}
.guide-manual .btn{font-size:11px;padding:13px 9px}
.guide-item-list{display:flex;flex-direction:column;gap:8px}
.guide-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 110px 28px;gap:9px;align-items:center}
.guide-edit-row>button{background:#fff3f0;border:0;border-radius:7px;color:#ad5757;min-height:36px;font-size:19px}
.guide-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:18px}
.guide-preview{border:1px solid #e4e7ef;background:#fff;border-radius:14px;overflow:hidden}
.guide-preview-head{display:flex;align-items:flex-start;justify-content:space-between;background:#f7f9fc;padding:23px 24px;border-bottom:1px solid #e9edf2;gap:10px}
.guide-preview-head span{color:#a37d45;font-size:10px;font-weight:850;letter-spacing:1.5px}
.guide-preview-head h3{font-size:17px;color:#1d3556;margin:10px 0}
.guide-preview-head p{color:#8091a6;font-size:11px;line-height:1.5}
.guide-doc-mark{border:2px solid #e0bdbb;border-radius:6px;color:#ad685f;padding:8px 15px;font-weight:900;font-size:14px;transform:rotate(7deg)}
.guide-preview-lines{padding:16px 23px}
.guide-preview-lines>div{display:flex;justify-content:space-between;gap:13px;padding:12px 0;border-bottom:1px solid #eef0f4;font-size:12px;color:#3d526c}
.guide-preview-lines small{color:#919fb0}
.guide-preview-lines strong{white-space:nowrap}
.guide-preview-total{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f9f4ea;padding:17px 22px}
.guide-preview-total span{font-size:12px;color:#8e713d}
.guide-preview-total strong{font-size:23px;color:#604520}
.guide-warning{margin:14px 0;background:#fffaf0;border:1px solid #eee1c9;border-radius:10px;padding:13px;font-size:11px;line-height:1.6;color:#8b744f}
.guide-preview .guide-warning{margin:14px}
.guide-success{background:#eef9f2;border:1px solid #d5ebdf;border-radius:11px;padding:15px;color:#357e57;font-size:12px;font-weight:750;margin:0 0 18px}
.guide-drafts{background:#f8fafc;border:1px solid #e6ebf2;padding:17px;border-radius:13px;margin:22px 0}
.guide-drafts h3{font-size:13px;margin-bottom:11px}
.guide-drafts>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #ebedf2}
.guide-drafts strong{font-size:11px;min-width:170px;flex:1}
.guide-drafts span{font-size:10px;color:#8796aa}
.guide-drafts button{font-size:10px;padding:8px;border-radius:8px;border:1px solid #e1e6ed;background:#fff;color:#435c76}
.guide-drafts>p{font-size:10px;color:#8894a3;line-height:1.5;margin-top:14px}
.guide-mission-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.guide-mission-stats>div{background:#fff;border:1px solid #e6eaf0;border-radius:13px;padding:19px}
.guide-mission-stats span{font-size:11px;color:#73869a;display:block}.guide-mission-stats b{font:800 25px Manrope,Arial,sans-serif;display:block;margin-top:11px;color:#243954}
.guide-mission-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0}
.guide-mission-head h2{font-size:20px}
.guide-mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-mission-card{border:1px solid #e3e8f0;background:#fff;border-radius:16px;padding:21px;box-shadow:0 8px 25px rgba(25,46,72,.03)}
.guide-mission-top{display:flex;justify-content:space-between;gap:13px;align-items:center}
.guide-mission-top span{font-size:10px;color:#ad8650;font-weight:800}
.guide-mission-top small{color:#617a9a;background:#edf3fb;padding:7px 9px;border-radius:30px;font-size:9px}
.guide-mission-card h3{font-size:17px;margin:13px 0 6px}
.guide-mission-card>p{font-size:11px;color:#8292a6;line-height:1.6}
.guide-mission-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e9edf2;border-bottom:1px solid #e9edf2;margin:18px 0}
.guide-mission-numbers>div{padding:14px 5px}
.guide-mission-numbers b{font-size:14px;color:#294364;display:block}.guide-mission-numbers span{font-size:10px;color:#8392a3}
.guide-related{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.guide-related span{background:#fff8ed;color:#926e39;padding:8px;border-radius:8px;font-size:10px}
.guide-mission-buttons{display:flex;gap:12px;align-items:center}
.guide-delete{border:0;background:transparent;color:#af7272;font-size:11px}
.guide-empty{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:45px 22px;text-align:center}
.guide-empty h3{font-size:18px}.guide-empty p{font-size:12px;color:#8895a5;margin:12px 0 23px}
.guide-footer-message{font-size:11px;color:#8996a7;padding:20px 0}
@media(max-width:1150px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide-summary{position:static}.guide-suggestions{margin:0}.guide-two-col{grid-template-columns:1fr}}
@media(max-width:730px){.guide-stepbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.guide-stepbar button{flex-direction:column;gap:4px;padding:8px 4px;justify-content:flex-start;min-height:74px}.guide-stepbar button b{font-size:8px;text-align:center}.guide-stepbar button span{width:24px;height:24px}.guide-main{padding:20px 15px}.guide-aside{grid-template-columns:1fr}.guide-summary{padding:19px}.guide-grid{grid-template-columns:1fr}.guide-blocks{grid-template-columns:1fr}.guide-manual{grid-template-columns:minmax(0,1fr) 68px 90px}.guide-manual .btn{grid-column:1/-1}.guide-edit-row{grid-template-columns:minmax(0,1fr) 59px 88px 25px;gap:5px}.guide-edit-row input{font-size:11px;padding:7px;min-height:40px}.guide-mission-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-mission-grid{grid-template-columns:1fr}.guided-onboarding{flex-wrap:wrap;padding:15px}.guided-onboarding button{width:100%}.guide-mission-head{flex-wrap:wrap;gap:13px}.guide-top h1{font-size:24px}}

.guide-kits{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:15px 17px;border:1px solid #efdbb5;background:linear-gradient(100deg,#fff9ed,#fffdfa);border-radius:13px;margin:0 0 18px}
.guide-kits>div:first-child{flex:1;min-width:170px}
.guide-kits span{color:#b08949;font-size:9px;letter-spacing:1.1px;font-weight:900}
.guide-kits h3{font-size:13px;color:#3b4b64;margin:6px 0}
.guide-kits p{font-size:10px;color:#97866f;line-height:1.5}
.guide-kits>div:last-child{display:flex;gap:7px;flex-wrap:wrap}
.guide-kits button{font-size:10px;color:#74562d;background:white;border:1px solid #e7d2ae;border-radius:9px;padding:11px;font-weight:800}
.guide-kits button:hover{background:#f8e8cd}