:root{
  --dt-bg:#f4f7f5;--dt-card:#fff;--dt-text:#101b14;--dt-muted:#68766c;
  --dt-primary:#65d500;--dt-primary-dark:#2f7e00;--dt-primary-soft:#ecfbdc;
  --dt-dark:#090d0a;--dt-dark-2:#121914;--dt-border:#dfe8e1;
  --dt-danger:#c92a2a;--dt-success:#198754;--dt-warning:#b56a00;
  --dt-radius:16px;--dt-shadow:0 12px 34px rgba(10,30,15,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dt-bg);color:var(--dt-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--dt-primary-dark);text-decoration:none}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#050705,#0c120d 68%,#111b13);color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh;border-right:1px solid #1d2a1f}.brand{display:block;padding:4px 8px 21px}.brand-logo{display:block;width:100%;max-width:210px;margin:auto;border-radius:10px}.nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#d8e6da;margin:3px 0;font-weight:650;border:1px solid transparent}.nav a span{width:18px;text-align:center}.nav a:hover{background:#ffffff0d;color:#fff}.nav a.active{background:linear-gradient(90deg,#65d50024,#65d5000a);border-color:#65d50035;color:#9cff42}.sidebar-footer{position:absolute;left:18px;right:16px;bottom:18px;font-size:12px;color:#91a496;line-height:1.55}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dt-primary);box-shadow:0 0 0 3px #65d5001d;margin-right:5px}
.main{min-width:0}.topbar{height:68px;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--dt-border);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}.topbar-left strong{font-size:15px}.content{padding:26px;max-width:1500px;margin:auto}.user-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f0f5f1;color:#52645a;font-size:13px;font-weight:650}
.title{margin:0;font-size:27px;letter-spacing:-.02em}.subtitle{color:var(--dt-muted);margin:5px 0 0}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--dt-card);border:1px solid var(--dt-border);border-radius:var(--dt-radius);box-shadow:var(--dt-shadow);padding:18px}.card-flat{box-shadow:none}.stat strong{font-size:30px;display:block}.muted{color:var(--dt-muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer;background:#eaf0eb;color:#18301e;font:inherit;font-weight:750}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn-primary{background:var(--dt-primary);color:#0a1903;border-color:#58bd00}.btn-success{background:#16834b;color:#fff}.btn-danger{background:#c92a2a;color:#fff}.btn-dark{background:#121a14;color:#fff}.btn-outline{background:#fff;border-color:#cfd9d1}.btn-sm{padding:7px 10px;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:18px 0;flex-wrap:wrap}
.input,.select,.textarea{width:100%;border:1px solid #cbd7ce;border-radius:10px;padding:10px 11px;background:#fff;color:#132238;font:inherit;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#67c823;box-shadow:0 0 0 3px #65d5001c}.textarea{min-height:96px;resize:vertical}.label{display:block;font-size:13px;font-weight:780;margin-bottom:6px}.field{margin-bottom:14px}.help{font-size:12px;color:var(--dt-muted);margin-top:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.section-title{font-size:17px;margin:0 0 14px;letter-spacing:-.01em}.section-kicker{font-size:12px;color:var(--dt-primary-dark);font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--dt-border);text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#607087}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;color:#fff}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef4ef;font-size:12px}.flash{padding:12px 14px;border-radius:12px;margin-bottom:14px;border:1px solid}.flash-success{background:#ebfbf2;color:#11653b;border-color:#bde7cc}.flash-danger{background:#fff0f0;color:#9c1c1c;border-color:#f0c3c3}.flash-warning{background:#fff8e6;color:#805d00;border-color:#f0daa0}
.tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--dt-border);margin-bottom:18px;position:sticky;top:68px;background:var(--dt-bg);z-index:10;padding-top:5px}.tabs a{padding:10px 12px;white-space:nowrap;color:#52657e;font-weight:750;border-bottom:2px solid transparent}.tabs a:hover{color:var(--dt-primary-dark);border-bottom-color:var(--dt-primary)}
.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:8px;width:2px;background:#dbe4df}.timeline-item{position:relative;padding:0 0 18px}.timeline-item:before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--dt-primary);box-shadow:0 0 0 4px #ebf9df}.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.media-tile{border:1px solid var(--dt-border);border-radius:12px;overflow:hidden;background:#fff;min-height:120px}.media-tile img,.media-tile video{width:100%;height:145px;object-fit:cover;display:block}
.login-shell,.public-shell,.install-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 16% 12%,#dbffc4,transparent 33%),radial-gradient(circle at 86% 88%,#dce5de,transparent 35%),linear-gradient(135deg,#f7faf7,#edf2ee)}.login-card,.public-card,.install-card{width:min(620px,100%);background:#fff;border:1px solid #dfe7e1;border-radius:22px;box-shadow:0 18px 60px #10201520;padding:28px}.public-card{width:min(920px,100%)}.public-brand{text-align:center;margin-bottom:24px}.logo-public{display:block;width:min(360px,86%);margin:0 auto 10px;border-radius:12px}.order-number{font-size:30px;font-weight:900;letter-spacing:.01em}.money{font-size:22px;font-weight:900}.callout{padding:14px;border-radius:12px;background:#f0f8eb;border:1px solid #d2e8c5}.danger-callout{background:#fff0f0;border-color:#f3c4c4}.empty{text-align:center;padding:30px;color:#75859b}.mobile-menu{display:none}.checkbox-row{display:flex;gap:12px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:7px}.footer{text-align:center;color:#7b899a;font-size:12px;padding:24px}.kpi-label{font-size:13px;color:#67768c}.kpi-value{font-size:30px;font-weight:900;margin-top:5px}.search{min-width:260px}.nowrap{white-space:nowrap}.right{text-align:right}.danger-text{color:#a51f1f}.success-text{color:#147345}
.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.filter-wide{grid-column:span 2}.filter-actions{grid-column:span 2;align-self:end;margin-bottom:14px}.pagination{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:18px}.page-link{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:9px;background:#e8efea;color:#19324f;font-weight:800}.page-link.active{background:var(--dt-primary);color:#0d1b0d}
/* v1.2 - UX taller */
.hero-strip{background:linear-gradient(135deg,#101711,#0a0d0a);color:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 14px 38px #0c180e21;border:1px solid #1d2b20}.hero-strip .subtitle{color:#b8c8bb}.hero-strip .order-number{color:#fff}.hero-strip .btn{background:#fff;color:#142019}.hero-strip .btn-primary{background:var(--dt-primary);color:#0b1805}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi-card{display:block;background:#fff;border:1px solid var(--dt-border);border-radius:15px;padding:15px;box-shadow:0 8px 22px #1020180b;color:var(--dt-text);min-height:104px}.kpi-card:hover{border-color:#b7d9a2;box-shadow:0 12px 30px #10201814}.kpi-card .kpi-value{line-height:1}.kpi-card.accent{background:linear-gradient(145deg,#101711,#172218);color:#fff;border-color:#1e3021}.kpi-card.accent .kpi-label{color:#b9c8bb}.kpi-card.warning{border-color:#f0d3a4;background:#fffaf0}.kpi-card.success{border-color:#bfe4ca;background:#f3fcf6}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-action{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--dt-border);border-radius:13px;background:#fff;color:var(--dt-text);font-weight:760}.quick-action b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--dt-primary-soft);color:#367b05;font-size:18px}.attention-list{display:grid;gap:9px}.attention-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--dt-border);border-radius:12px;background:#fff}.attention-item:hover{border-color:#bfd7c1}.attention-meta{font-size:12px;color:var(--dt-muted);margin-top:3px}
.step-card{position:relative;padding-top:21px}.step-number{position:absolute;top:-12px;left:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--dt-primary);color:#112005;font-weight:900;border:4px solid var(--dt-bg)}.quick-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.chip{border:1px solid #cad9cd;background:#f8fbf8;color:#304336;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:750;cursor:pointer}.chip:hover,.chip.selected{border-color:#68c92a;background:#effbe7;color:#286a00}.dropzone{border:1.5px dashed #9fbaa4;border-radius:13px;padding:15px;background:#fbfdfb}.dropzone .input{border:0;padding:0;background:transparent}.file-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sticky-create-actions{position:sticky;bottom:12px;z-index:12;display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding:11px;border:1px solid #dce7de;background:#ffffffee;backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 12px 36px #0b21151c}
.quick-statuses{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.quick-status-form{display:inline-flex}.quick-status-form .btn{border-color:#d6e1d8;background:#fff}.quick-status-form .btn.current{background:var(--dt-primary-soft);border-color:#9edb72;color:#2b6500}.order-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.order-meta{padding:12px;border-radius:12px;background:#f7faf7;border:1px solid #e2ebe4}.order-meta small{display:block;color:var(--dt-muted);margin-bottom:4px}.order-meta strong{font-size:14px}.section-anchor{scroll-margin-top:132px}
.budget-line{display:grid;grid-template-columns:minmax(180px,1fr) 90px 150px 42px;gap:8px;margin-bottom:8px;align-items:center}.budget-summary{display:flex;justify-content:flex-end;align-items:flex-end;gap:12px;margin:12px 0}.budget-total-box{text-align:right;padding:12px 14px;border-radius:12px;background:#f3faef;border:1px solid #d4e9c8;min-width:220px}.budget-total-box .money{color:#244f09}.budget-history-item{border:1px solid var(--dt-border);border-radius:13px;padding:13px;margin-bottom:10px;background:#fff}
.public-status{display:flex;align-items:center;justify-content:center;margin-bottom:14px}.public-help{background:#0f1711;color:#fff;border-radius:14px;padding:15px;margin-top:14px}.public-help a{color:#a5ff5f}.brand-green{color:var(--dt-primary)}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}.order-meta-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-wide,.filter-actions{grid-column:span 2}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;width:270px;transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:inline-flex}.topbar{padding:0 12px;height:62px}.topbar-user .user-chip,.topbar-user>a{display:none}.content{padding:14px}.grid-4,.grid-3,.grid-2,.form-grid,.form-grid-3{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.search{min-width:0;width:100%}.title{font-size:22px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card{min-height:92px}.kpi-value{font-size:26px}.quick-grid{grid-template-columns:1fr 1fr}.filters-grid{grid-template-columns:1fr}.filter-wide,.filter-actions{grid-column:span 1}.order-meta-grid{grid-template-columns:1fr 1fr}.budget-line{grid-template-columns:1fr 72px 110px 38px}.tabs{top:62px}.sticky-create-actions{bottom:8px}.logo-public{width:min(320px,92%)}.login-card,.public-card,.install-card{padding:20px}.hero-strip{padding:16px}.hero-strip .toolbar{align-items:flex-start}.attention-item{grid-template-columns:1fr}.attention-item .btn{width:100%}}
@media(max-width:480px){.quick-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.order-meta-grid{grid-template-columns:1fr}.budget-line{grid-template-columns:1fr 64px 100px 36px}.media-grid{grid-template-columns:1fr 1fr}.user-chip{display:none}}
@media print{.sidebar,.topbar,.no-print,.sticky-create-actions{display:none!important}.app{display:block}.content{padding:0}.card,.hero-strip{box-shadow:none}.hero-strip{color:#000;background:#fff;border:1px solid #ddd}}

/* ===== DARTECH v1.3 · Portal de clientes ===== */
.customer-portal-body{margin:0;background:#f1f5f2;color:#102016;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}.customer-tech-header{background:#060806;border-bottom:1px solid #203022;box-shadow:0 4px 20px #0005}.customer-header-inner{max-width:1080px;height:84px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.customer-header-inner img{display:block;height:66px;max-width:330px;object-fit:contain}.customer-header-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.customer-header-links a{color:#e9f1ea;text-decoration:none;font-size:13px;font-weight:800;border:1px solid #344438;background:#111712;padding:8px 10px;border-radius:9px}.customer-header-links a:hover{border-color:#6ee32b;color:#9cff67}.customer-hero{background:linear-gradient(145deg,#121913 0%,#0a0e0b 58%,#14240d 100%);color:#fff;text-align:center;padding:33px 18px 55px;border-bottom:1px solid #263a29}.customer-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#91f158;font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:9px}.customer-hero h1{font-size:34px;line-height:1.1;margin:0;font-weight:900;letter-spacing:-1px}.customer-hero h1 span{color:#71df32}.customer-hero p{color:#b7c5b9;margin:9px 0 0}.customer-container{max-width:820px;margin:-32px auto 0;padding:0 18px 28px;position:relative;z-index:2}.customer-search-container{max-width:720px}.customer-main-card{background:#fff;border:1px solid #dce5de;border-radius:18px;box-shadow:0 16px 44px #0d221528;overflow:hidden}.customer-search-card{padding:25px}.customer-search-title{display:flex;gap:13px;align-items:center;margin-bottom:20px}.customer-search-title h2{margin:0 0 4px;font-size:20px}.customer-search-title p{margin:0;color:#6b7b6e}.customer-search-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#ebfbe1;color:#38820d;font-size:25px;font-weight:900}.customer-lookup-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.customer-field{display:flex;flex-direction:column;gap:6px}.customer-field label{font-size:12px;font-weight:900;color:#526158;text-transform:uppercase;letter-spacing:.05em}.customer-field input{width:100%;box-sizing:border-box;border:1px solid #cdd9d0;background:#fbfdfb;color:#101a13;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.customer-field input:focus{border-color:#66cf2c;box-shadow:0 0 0 3px #70da3230}.customer-primary-btn,.customer-outline-btn,.customer-whatsapp-btn,.customer-small-btn{border:0;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border-radius:10px;transition:.16s ease;font:inherit}.customer-primary-btn{background:#61d421;color:#102006;padding:12px 16px;box-shadow:0 5px 16px #4bba2138}.customer-primary-btn:hover{background:#76e83b;transform:translateY(-1px)}.customer-primary-btn.compact{padding:10px 13px;font-size:13px}.customer-security-note{margin-top:14px;background:#f6f9f7;border:1px solid #dce6df;color:#67766a;border-radius:10px;padding:10px 12px;font-size:12px}.customer-alert{padding:12px 14px;border-radius:10px;margin:0 0 15px;font-size:14px}.customer-alert-danger{background:#fff1f1;border:1px solid #f1c6c6;color:#9d2525}.customer-order-head{background:linear-gradient(145deg,#18201a,#0b100c);color:#fff;padding:16px 21px;display:flex;align-items:center;justify-content:space-between}.customer-order-head span{font-size:10px;letter-spacing:1.7px;color:#9daba0;font-weight:900}.customer-order-head h2{font-size:20px;margin:4px 0 0}.customer-order-dot{width:12px;height:12px;border-radius:50%;background:#65de27;box-shadow:0 0 0 5px #65de2722,0 0 18px #65de27}.customer-order-body{padding:22px}.customer-status-spotlight{text-align:center;padding:8px 0 19px}.customer-status-label{font-size:11px;color:#7a8a7e;letter-spacing:1.6px;font-weight:900;margin-bottom:8px}.customer-status-badge{display:inline-flex;align-items:center;gap:8px;background:var(--status,#64748b);color:#fff;border-radius:999px;padding:10px 17px;font-size:15px;font-weight:900;box-shadow:0 5px 17px color-mix(in srgb,var(--status,#64748b) 35%,transparent)}.customer-last-update{font-size:12px;color:#7b8a7e;margin-top:8px}.customer-terms-banner{border-radius:12px;padding:13px 14px;display:flex;align-items:center;gap:12px;margin-bottom:10px;border:1px solid}.customer-terms-banner.accepted{background:#effaf1;border-color:#a8dfb4;color:#15672d}.customer-terms-banner.pending{background:#fff4f3;border-color:#efaaa4;color:#9d3028}.customer-terms-banner strong{display:block;font-size:13px}.customer-terms-banner small{display:block;color:#5f6e62;margin-top:2px;line-height:1.4}.customer-terms-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#fff}.customer-terms-banner .grow{flex:1}.customer-small-btn{padding:8px 10px;font-size:12px;background:#fff}.customer-small-btn.danger{border:1px solid #e8a29d;color:#a62d25}.customer-delay-alert{display:flex;align-items:center;gap:11px;text-decoration:none;padding:13px 14px;border-radius:12px;margin-bottom:10px;border:1px solid;font-size:13px}.customer-delay-alert.ok{background:#f0fbf3;border-color:#a8dfb4;color:#176d31}.customer-delay-alert.delayed{background:#fff6e8;border-color:#f3c77b;color:#9a5a00}.customer-delay-alert span{font-weight:500}.customer-delay-icon{width:38px;height:38px;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:18px;box-shadow:0 2px 8px #0000000d}.customer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.customer-info-box{border:1px solid #dde6df;border-radius:11px;background:#f9fbf9;padding:12px 13px;display:flex;flex-direction:column;gap:4px;min-height:75px}.customer-info-box label{font-size:10px;font-weight:900;letter-spacing:.08em;color:#758178}.customer-info-box strong{font-size:14px;line-height:1.35}.customer-info-box strong.accent{font-size:17px;color:#459e17}.customer-info-box small{font-size:11px;color:#77847a}.customer-section{margin-top:20px}.customer-section-title{font-size:11px;font-weight:900;letter-spacing:.08em;color:#45534a;margin-bottom:7px}.customer-content-box{background:#f8faf8;border:1px solid #dce5de;border-radius:11px;padding:13px 14px;font-size:14px;line-height:1.55}.customer-content-box.success{background:#f0fbf3;border-color:#a9dfb5;color:#176c30}.customer-content-box p{margin:8px 0 0}.customer-content-date{margin-top:8px;font-size:11px;color:#7a887d}.customer-budget-box{border:1px solid #cbe4ba;background:linear-gradient(135deg,#f7fff2,#eefbe7);padding:14px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.customer-budget-state{font-size:10px;font-weight:900;color:#647267;letter-spacing:.08em}.customer-budget-money{font-size:23px;font-weight:950;color:#286f09;margin:2px 0}.customer-public-timeline{position:relative;padding-left:20px}.customer-public-timeline:before{content:"";position:absolute;top:5px;bottom:7px;left:5px;width:2px;background:#dbe4dd}.customer-timeline-row{position:relative;display:flex;gap:12px;padding-bottom:14px}.customer-timeline-dot{position:absolute;width:10px;height:10px;border-radius:50%;left:-19px;top:4px;box-shadow:0 0 0 4px #eef4ef}.customer-timeline-row strong{display:block;font-size:13px}.customer-timeline-row small{display:block;font-size:11px;color:#78867b;margin-top:2px}.customer-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.customer-gallery-item{height:118px;border:1px solid #d9e4dc;background:#f7faf8;border-radius:10px;overflow:hidden;padding:0;cursor:pointer;color:#38463b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.customer-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:.15s}.customer-gallery-item:hover img{transform:scale(1.045)}.customer-gallery-item.video span,.customer-gallery-item.file span{font-size:28px}.customer-gallery-item small{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.customer-empty-media{border:1px dashed #cfdad2;border-radius:10px;padding:17px;color:#75837a;text-align:center;font-size:13px}.customer-terms-details{border:1px solid #dce5de;border-radius:10px;background:#fafcfa;margin-bottom:12px}.customer-terms-details summary{cursor:pointer;padding:12px 13px;font-weight:900;font-size:13px}.customer-terms-details div{border-top:1px solid #e3ebe5;padding:13px;font-size:13px;color:#455149;line-height:1.6}.customer-terms-form{margin-top:12px}.customer-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-check{display:flex;align-items:flex-start;gap:8px;margin:12px 0;font-size:13px}.customer-bottom-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:18px 0}.customer-whatsapp-btn{background:#1faf55;color:#fff;padding:11px 16px}.customer-whatsapp-btn:hover{background:#159748}.customer-outline-btn{background:#fff;color:#36443a;border:1px solid #cad5cd;padding:11px 16px}.customer-footer{text-align:center;color:#79857c;font-size:11px;padding:16px 16px 28px}.customer-media-modal{position:fixed;inset:0;background:#050705ed;z-index:1000;display:none;align-items:center;justify-content:center;padding:30px}.customer-media-modal.open{display:flex}.customer-media-content{max-width:min(1050px,92vw);max-height:84vh}.customer-media-content img,.customer-media-content video{display:block;max-width:100%;max-height:84vh;border-radius:10px;box-shadow:0 12px 55px #000}.customer-media-close,.customer-media-nav{position:absolute;border:0;background:#182019dc;color:#fff;cursor:pointer;border-radius:50%;display:grid;place-items:center}.customer-media-close{right:22px;top:18px;width:42px;height:42px;font-size:30px}.customer-media-nav{top:50%;width:46px;height:46px;font-size:35px}.customer-media-nav.prev{left:18px}.customer-media-nav.next{right:18px}.customer-media-counter{position:absolute;bottom:18px;background:#0e140edb;color:#fff;padding:7px 12px;border-radius:999px;font-size:12px}.customer-media-close:hover,.customer-media-nav:hover{background:#4dad1b}.customer-order-card{animation:customerFade .28s ease both}@keyframes customerFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.customer-header-inner{height:72px;padding:0 14px}.customer-header-inner img{height:55px;max-width:245px}.customer-header-links a{font-size:0;width:35px;height:35px;padding:0;display:grid;place-items:center}.customer-header-links a:first-letter{font-size:16px}.customer-hero{padding:25px 14px 46px}.customer-hero h1{font-size:28px}.customer-container{margin-top:-25px;padding:0 11px 22px}.customer-order-body,.customer-search-card{padding:16px}.customer-info-grid,.customer-two-cols,.customer-lookup-form{grid-template-columns:1fr}.customer-primary-btn{width:100%}.customer-gallery{grid-template-columns:repeat(3,1fr)}.customer-gallery-item{height:94px}.customer-budget-box{align-items:flex-start;flex-direction:column}.customer-budget-box .customer-primary-btn{width:auto}.customer-terms-banner{align-items:flex-start;flex-wrap:wrap}.customer-small-btn{margin-left:50px}.customer-media-nav{width:38px;height:38px;font-size:28px}.customer-media-nav.prev{left:7px}.customer-media-nav.next{right:7px}}
@media(max-width:430px){.customer-header-inner img{max-width:210px}.customer-info-grid{grid-template-columns:1fr}.customer-gallery{grid-template-columns:repeat(2,1fr)}.customer-order-head{padding:14px 16px}.customer-order-head h2{font-size:18px}.customer-status-badge{font-size:14px}.customer-hero h1{font-size:25px}}
.wa-quick-form{display:flex;align-items:center;gap:7px}.select-sm{min-height:34px;padding:6px 30px 6px 9px;font-size:12px;max-width:210px}@media(max-width:760px){.wa-quick-form{width:100%;display:grid;grid-template-columns:1fr auto}.wa-quick-form .select-sm{max-width:none;width:100%}}
.customer-budget-table{border:1px solid #dce5de;border-radius:11px;overflow:hidden}.customer-budget-row{display:grid;grid-template-columns:1fr 80px 150px;gap:10px;padding:11px 12px;border-bottom:1px solid #e5ece7;font-size:13px;align-items:center}.customer-budget-row:last-child{border-bottom:0}.customer-budget-row.head{background:#f2f6f3;color:#66746a;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:900}.customer-budget-row span:nth-child(2),.customer-budget-row strong{text-align:right}.customer-budget-total{margin-top:11px;border-radius:11px;background:#101711;color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.customer-budget-total span{font-size:11px;letter-spacing:.09em;font-weight:900;color:#a8b8aa}.customer-budget-total strong{font-size:25px;color:#7be33f}.customer-budget-meta{text-align:right;color:#758078;font-size:11px;margin-top:5px}.customer-decision-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.customer-accept-btn,.customer-reject-btn{border:0;border-radius:11px;padding:13px;font:inherit;font-weight:900;cursor:pointer}.customer-accept-btn{background:#34a853;color:#fff}.customer-reject-btn{background:#fff0f0;color:#a52828;border:1px solid #edb9b9}.customer-decision-result{margin-top:18px;padding:16px;border-radius:12px;text-align:center}.customer-decision-result.accepted{background:#effaf1;border:1px solid #a8dfb4;color:#176d31}.customer-decision-result.rejected{background:#fff1f1;border:1px solid #efb9b9;color:#9d2b2b}@media(max-width:600px){.customer-budget-row{grid-template-columns:1fr 55px 105px;padding:10px 8px;font-size:12px}.customer-budget-row.head{font-size:9px}.customer-decision-buttons{grid-template-columns:1fr}}

/* v1.4 — contraste y multimedia */
.hero-strip .order-meta{background:#f7faf7;color:#142019;border-color:#dbe7dd}.hero-strip .order-meta small{color:#68766c}.hero-strip .order-meta strong{color:#142019}.hero-strip .order-meta a{color:#286f09}
.file-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;margin-top:12px}.file-preview-empty{grid-column:1/-1;color:#738078;font-size:12px;padding:8px 0}.file-preview-card{position:relative;display:grid;grid-template-rows:108px auto auto;min-width:0;background:#fff;border:1px solid #d8e3da;border-radius:12px;overflow:hidden;box-shadow:0 5px 16px #1020180a;transition:.15s}.file-preview-card.dragging{opacity:.5}.file-preview-card.drag-over{outline:3px solid #7ee23f;outline-offset:2px}.file-preview-visual{position:relative;background:#eef3ef;display:grid;place-items:center;overflow:hidden}.file-preview-visual img,.file-preview-visual video{width:100%;height:100%;object-fit:cover}.file-doc-icon{font-size:36px}.file-type-badge{position:absolute;right:6px;bottom:6px;background:#101711dd;color:#fff;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:900}.file-preview-meta{padding:8px 9px 4px;min-width:0}.file-preview-meta strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#17231a}.file-preview-meta small{display:block;margin-top:2px;color:#77847a;font-size:10px}.file-preview-actions{display:flex;align-items:center;gap:4px;padding:5px 8px 8px}.file-drag-handle{margin-right:auto;cursor:grab;color:#5d6d61;font-weight:900;padding:2px 5px}.file-mini-btn{border:1px solid #d1ddd3;background:#f7faf8;color:#28372c;border-radius:7px;min-width:28px;height:27px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.file-mini-btn:hover{border-color:#8dca68;background:#f0fbe9}.file-mini-btn:disabled{opacity:.35;cursor:default}.file-mini-btn.danger{color:#a32828;background:#fff4f4;border-color:#efc7c7}
.media-manage-form{margin:0}.media-manage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.media-manage-tile{position:relative;border:1px solid var(--dt-border);border-radius:12px;background:#fff;overflow:hidden;min-width:0;transition:.15s}.media-manage-tile.dragging{opacity:.55}.media-manage-tile.drag-over{outline:3px solid #73d93a;outline-offset:2px}.media-manage-preview{display:block;height:145px;background:#eef3ef;overflow:hidden;color:#344239}.media-manage-preview img,.media-manage-preview video{width:100%;height:100%;object-fit:cover;display:block}.media-manage-preview .empty{height:100%;display:grid;place-items:center;padding:12px}.media-manage-info{padding:7px 8px 2px;font-size:11px;color:#526158;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-manage-actions{display:flex;gap:4px;align-items:center;padding:5px 7px 8px}.media-manage-actions .drag{margin-right:auto;color:#64736a;cursor:grab;font-weight:900}.media-reorder-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}.media-reorder-actions small{color:var(--dt-muted)}
.customer-media-modal{touch-action:pan-y}.customer-gallery-item:focus-visible{outline:3px solid #72dc36;outline-offset:2px}.customer-delay-alert.ok strong,.customer-delay-alert.ok span{color:#176d31}.customer-delay-alert.delayed strong,.customer-delay-alert.delayed span{color:#8a5200}
@media(max-width:1050px){.media-manage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.file-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.media-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-manage-preview{height:120px}}
@media(max-width:430px){.file-preview{grid-template-columns:1fr 1fr}.media-manage-grid{grid-template-columns:1fr 1fr}}
.customer-terms-details>div{max-height:430px;overflow:auto;scrollbar-width:thin;white-space:normal}.customer-terms-details>div::-webkit-scrollbar{width:6px}.customer-terms-details>div::-webkit-scrollbar-thumb{background:#72d63c;border-radius:20px}
.media-visible-check{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:850;color:#435148;white-space:nowrap}.media-visible-check input{accent-color:#61d421}.media-manage-actions .drag{margin-left:auto;margin-right:0;cursor:grab}

/* v1.4.1 - carga multimedia desde galería/cámara */
.upload-source-actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.upload-source-actions .btn{cursor:pointer;user-select:none}.btn-camera{background:#eefbe7;border-color:#8dd35f;color:#236500}.btn-camera:hover{background:#e3f8d7}.visually-hidden-file{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hidden-form{display:none!important}.media-manage-actions .file-mini-btn.danger{margin-left:2px}@media(max-width:560px){.upload-source-actions{display:grid;grid-template-columns:1fr 1fr}.upload-source-actions .btn{text-align:center;padding:10px 8px}.media-manage-actions{flex-wrap:wrap}.media-visible-check{width:100%}}

/* v1.5.0 portal cliente + tarjetas de órdenes */
.customer-container-wide{max-width:1040px}
.customer-search-container{max-width:840px}
.customer-main-card{border-radius:24px;box-shadow:0 24px 54px rgba(13,34,21,.16)}
.customer-order-head{padding:20px 26px}
.customer-order-head h2{font-size:24px}
.customer-order-head span{font-size:11px}
.customer-order-body{padding:28px}
.customer-status-spotlight{padding:14px 0 24px}
.customer-status-label{font-size:12px;letter-spacing:2.2px;margin-bottom:12px}
.customer-status-badge{padding:16px 28px;font-size:22px;gap:12px;min-height:64px;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 30px color-mix(in srgb,var(--status,#64748b) 42%,transparent), inset 0 1px 0 rgba(255,255,255,.18);animation:customerBadgePulse 2.4s ease-in-out infinite}
.customer-status-badge .status-icon{font-size:24px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}
.customer-last-update{font-size:14px;margin-top:12px}
@keyframes customerBadgePulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 12px 30px color-mix(in srgb,var(--status,#64748b) 42%,transparent), inset 0 1px 0 rgba(255,255,255,.18)}50%{transform:translateY(-1px) scale(1.02);box-shadow:0 16px 38px color-mix(in srgb,var(--status,#64748b) 55%,transparent), inset 0 1px 0 rgba(255,255,255,.24)}}
.customer-terms-banner,.customer-delay-alert{padding:16px 18px;border-radius:16px;font-size:15px}
.customer-terms-banner strong,.customer-delay-alert strong{font-size:16px}
.customer-terms-banner small,.customer-delay-alert span{font-size:14px;line-height:1.55}
.customer-terms-icon,.customer-delay-icon{width:46px;height:46px;flex-basis:46px;font-size:21px}
.customer-small-btn{padding:10px 12px;font-size:13px}
.customer-info-grid-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.customer-info-box{border-radius:16px;padding:18px 18px;min-height:102px;gap:8px}
.customer-info-box label{font-size:11px;letter-spacing:.09em}
.customer-info-box strong{font-size:18px;line-height:1.45}
.customer-info-box strong.accent{font-size:22px}
.customer-info-box small{font-size:13px;line-height:1.45}
.customer-section{margin-top:24px}
.customer-section-title{font-size:12px;letter-spacing:.1em;margin-bottom:10px}
.customer-content-box{border-radius:16px;padding:18px 20px;font-size:16px;line-height:1.7}
.customer-content-date{font-size:13px;margin-top:10px}
.customer-budget-box{padding:18px 20px;border-radius:16px}
.customer-budget-money{font-size:31px}
.customer-budget-state{font-size:11px}
.customer-public-timeline{padding-left:24px}
.customer-public-timeline:before{left:6px}
.customer-timeline-row{padding-bottom:18px}
.customer-timeline-dot{width:12px;height:12px;left:-22px;top:6px}
.customer-timeline-row strong{font-size:16px}
.customer-timeline-row small{font-size:13px;margin-top:4px}
.customer-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.customer-gallery-item{height:150px;border-radius:14px}
.customer-gallery-item small{font-size:11px}
.customer-empty-media{border-radius:14px;padding:24px;font-size:15px}
.customer-terms-details,.customer-terms-details summary,.customer-terms-details div{border-radius:14px}
.customer-terms-details summary{font-size:15px;padding:16px 18px}
.customer-terms-details div{font-size:15px;padding:18px;line-height:1.75}
.customer-terms-form .customer-field label{font-size:12px}
.customer-terms-form .customer-field input{padding:14px 15px;border-radius:12px;font-size:15px}
.customer-check{font-size:15px}
.customer-primary-btn,.customer-outline-btn,.customer-whatsapp-btn{padding:14px 20px;font-size:15px;border-radius:12px}
.customer-primary-btn.compact{padding:12px 16px;font-size:14px}
.customer-footer{font-size:13px;padding:18px 16px 32px}
.customer-search-title h2{font-size:24px}.customer-search-title p{font-size:15px}.customer-field input{padding:14px 15px;font-size:15px}.customer-security-note{font-size:13px;padding:12px 14px}
.order-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:18px}
.order-list-card{background:#fff;border:1px solid var(--dt-border);border-radius:18px;padding:18px;box-shadow:0 14px 34px rgba(10,30,15,.08);display:flex;flex-direction:column;gap:16px;transition:transform .15s ease, box-shadow .15s ease,border-color .15s ease}
.order-list-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(10,30,15,.12);border-color:#bfd2c3}
.order-list-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.order-list-card__kicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:#6b7b6e;margin-bottom:5px}
.order-list-card__head h2{margin:0;font-size:24px;letter-spacing:-.02em;line-height:1.08}
.order-list-card__head p{margin:6px 0 0;color:var(--dt-muted);font-size:13px}
.order-list-card__status{font-size:12px;padding:8px 12px;white-space:nowrap}
.order-list-card__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.order-list-card__item{background:#f8fbf9;border:1px solid #e1e9e3;border-radius:14px;padding:12px 13px;display:flex;flex-direction:column;gap:5px;min-height:86px}
.order-list-card__item label{font-size:11px;font-weight:900;letter-spacing:.08em;color:#728077;text-transform:uppercase}
.order-list-card__item strong{font-size:15px;line-height:1.35}
.order-list-card__item small{font-size:12px;color:var(--dt-muted);line-height:1.45}
.order-list-card__actions{display:flex;justify-content:flex-end}
@media(max-width:760px){.customer-container-wide{max-width:100%}.customer-order-head{padding:16px 18px}.customer-order-head h2{font-size:22px}.customer-order-body{padding:20px}.customer-status-badge{font-size:18px;padding:14px 20px;min-height:56px}.customer-status-badge .status-icon{font-size:20px}.customer-last-update{font-size:13px}.customer-info-box{padding:16px;min-height:92px}.customer-info-box strong{font-size:16px}.customer-info-box strong.accent{font-size:20px}.customer-content-box{padding:16px;font-size:15px}.customer-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.customer-gallery-item{height:118px}.order-card-grid{grid-template-columns:1fr}.order-list-card__body{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.customer-status-badge{font-size:16px;padding:13px 17px;gap:9px}.customer-status-badge .status-icon{font-size:18px}.customer-info-grid-large,.customer-two-cols,.customer-lookup-form,.order-list-card__body{grid-template-columns:1fr}.customer-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-gallery-item{height:108px}.order-list-card__head{flex-direction:column;align-items:flex-start}.order-list-card__status{align-self:flex-start}}


/* v1.6.0 toasts, confirm modal, cards estilo sistema */
.toast-stack{position:fixed;top:84px;right:24px;z-index:1300;display:flex;flex-direction:column;gap:10px;max-width:min(420px,calc(100vw - 32px));pointer-events:none}.toast-card{position:relative;box-shadow:0 18px 42px rgba(11,28,18,.18);padding:14px 48px 14px 16px;opacity:0;transform:translateY(-8px) scale(.98);transition:opacity .22s ease,transform .22s ease;pointer-events:auto}.toast-card.show{opacity:1;transform:translateY(0) scale(1)}.toast-card.closing{opacity:0;transform:translateY(-8px) scale(.98)}.toast-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;background:#ffffffc9;border-radius:999px;cursor:pointer;font-size:18px;line-height:1;color:#304236}.toast-close:hover{background:#fff}.modal-open{overflow:hidden}.modal-confirm{position:fixed;inset:0;display:none;z-index:1600}.modal-confirm.open{display:block}.modal-confirm__backdrop{position:absolute;inset:0;background:rgba(7,11,8,.55);backdrop-filter:blur(3px)}.modal-confirm__dialog{position:relative;z-index:1;max-width:min(460px,calc(100vw - 30px));margin:12vh auto 0;background:#fff;border:1px solid #dbe4de;border-radius:22px;box-shadow:0 28px 70px rgba(7,18,11,.24);padding:24px 22px 20px;text-align:center}.modal-confirm__icon{font-size:34px;margin-bottom:8px}.modal-confirm__dialog h3{margin:0;font-size:24px}.modal-confirm__dialog p{margin:10px 0 0;color:#607067;line-height:1.6;font-size:15px}.modal-confirm__actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.order-card-grid-system-style{gap:18px}.order-system-card{background:#f5f6fb;border:1px solid #d8dff2;border-left:4px solid #4e6cff;border-radius:16px;overflow:hidden;box-shadow:0 12px 28px rgba(60,83,177,.08);display:flex;flex-direction:column}.order-system-card__top{padding:18px 18px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:#eef0f8}.order-system-card__top h2{margin:0;font-size:17px;color:#4060f0;letter-spacing:-.02em}.order-system-card__status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;color:#fff;white-space:nowrap;box-shadow:0 6px 16px rgba(35,35,35,.12)}.order-system-card__body{padding:18px;display:flex;flex-direction:column;gap:10px;background:#f8f8fb}.order-system-card__customer{font-size:18px;font-weight:800;color:#283039}.order-system-card__phone{color:#4060f0;font-weight:700;text-decoration:none;width:max-content}.order-system-card__phone:hover{text-decoration:underline}.order-system-card__line{font-size:15px;color:#37424d;line-height:1.45}.order-system-card__dates{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#5a4fd6;line-height:1.4}.order-system-card__actions{padding:16px 18px;background:#f1f1f4;border-top:1px solid #dfe4ed;display:flex;gap:10px;flex-wrap:wrap}.btn-info-soft{background:#18b9ea;color:#fff;border-color:#13a7d4}.btn-outline-primary-soft{background:#fff;color:#4f61f3;border:1px solid #8493ff}.btn-orange-soft{background:#ff7b17;color:#fff;border-color:#ea6c0d}.btn-info-soft:hover,.btn-outline-primary-soft:hover,.btn-orange-soft:hover{filter:brightness(.98)}
@media(max-width:760px){.toast-stack{top:74px;right:12px;left:12px;max-width:none}.modal-confirm__dialog{margin-top:10vh;padding:20px 18px}.order-system-card__top{padding:16px 16px 12px}.order-system-card__body{padding:16px}.order-system-card__actions{padding:14px 16px}.order-system-card__actions .btn{flex:1 1 calc(50% - 5px)}}
@media(max-width:480px){.order-system-card__actions .btn{flex:1 1 100%}.order-system-card__status{font-size:11px;padding:6px 12px}.order-system-card__customer{font-size:17px}}

/* v1.6.1 acciones compactas y cambio de estado desde tarjeta */
.order-system-card{overflow:visible}
.order-system-card__top{border-radius:15px 15px 0 0}
.order-system-card__actions{border-radius:0 0 15px 15px;position:relative;overflow:visible}
.order-system-card__phone{font-size:15px;color:#4060f0;font-weight:750;text-decoration:none}
.order-system-card__phone:hover{text-decoration:underline;color:#304cdb}
.compact-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;padding:12px 14px}
.compact-actions .card-action-btn{height:34px;min-width:0;padding:7px 9px;border-radius:9px;font-size:11.5px;font-weight:800;line-height:1;white-space:nowrap;flex:1 1 0}
.compact-actions>a:last-child{flex:1.42 1 0}
.status-card-menu{position:relative;flex:1 1 0;min-width:0}
.status-card-menu>summary{list-style:none;cursor:pointer;width:100%}
.status-card-menu>summary::-webkit-details-marker{display:none}
.status-card-menu[open]>summary{background:#eef0ff;color:#3549da;border-color:#6577f1}
.status-caret{font-size:9px;margin-left:2px;transition:transform .15s ease}.status-card-menu[open] .status-caret{transform:rotate(180deg)}
.status-card-menu__panel{position:absolute;z-index:80;left:0;bottom:calc(100% + 8px);width:220px;max-height:330px;overflow:auto;background:#fff;border:1px solid #d8e0dc;border-radius:14px;box-shadow:0 18px 42px rgba(12,27,18,.22);padding:8px}
.status-card-menu__title{font-size:10px;font-weight:900;letter-spacing:.08em;color:#758178;padding:6px 8px 8px;text-transform:uppercase}
.status-card-menu__form{margin:0}
.status-card-menu__option,.status-card-menu__current{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:9px;padding:8px 9px;text-align:left;color:#263229;font:inherit;font-size:12px;font-weight:750}
.status-card-menu__option{cursor:pointer}.status-card-menu__option:hover{background:#f0f7f1;color:#17381c}
.status-card-menu__current{background:#eef5ef;color:#536157}.status-card-menu__current small{margin-left:auto;font-size:9px;text-transform:uppercase;color:#7a887e}
.status-dot-mini{display:inline-block;width:9px;height:9px;min-width:9px;border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.05)}
@media(max-width:430px){.compact-actions{gap:5px;padding:11px 12px}.compact-actions .card-action-btn{font-size:10.5px;padding:7px 6px}.status-card-menu__panel{width:205px}.compact-actions>a:last-child{flex:1.5 1 0}}


/* v1.7.0 diagnóstico técnico + presupuesto automático en portal */
.customer-diagnosis-box{background:linear-gradient(145deg,#f8fbf9,#f1f7f2);border:1px solid #d6e2d8;border-radius:17px;padding:6px 18px;overflow:hidden}.customer-diagnosis-row{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #dde7df}.customer-diagnosis-row:last-of-type{border-bottom:0}.customer-diagnosis-icon{width:42px;height:42px;border-radius:13px;background:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 5px 16px rgba(17,50,25,.08)}.customer-diagnosis-row span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#708077;margin-bottom:4px}.customer-diagnosis-row strong{display:block;font-size:16px;line-height:1.55;color:#17241b}.customer-diagnosis-box .customer-content-date{padding:12px 0 14px;margin:0}.customer-budget-availability{display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#effbe9;border:1px solid #b9e39f;color:#226c0c;border-radius:13px;padding:12px 14px;margin-bottom:12px;font-size:14px}.customer-budget-availability strong{font-size:14px}.customer-budget-availability span{color:#52634f}
@media(max-width:520px){.customer-diagnosis-box{padding:4px 14px}.customer-diagnosis-row{grid-template-columns:40px 1fr;gap:10px}.customer-diagnosis-icon{width:36px;height:36px;font-size:18px}.customer-diagnosis-row strong{font-size:15px}}

/* v1.7.1 — legibilidad de tarjetas y acciones */
.order-system-card__top h2{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.order-system-card__status{font-size:11px;font-weight:750;padding:5px 11px;letter-spacing:.01em}
.order-system-card__customer{font-size:16px;font-weight:650}
.order-system-card__phone{font-size:14px;font-weight:600}
.order-system-card__line{font-size:14px;font-weight:400;line-height:1.5}
.order-system-card__dates{font-size:13px;font-weight:400}
.compact-actions{gap:6px;padding:11px 14px;flex-wrap:nowrap;align-items:center}
.compact-actions .card-action-btn{height:34px;min-width:0;width:auto;padding:0 10px;border-radius:9px;font-size:12.5px;font-weight:650;line-height:1;white-space:nowrap;flex:0 0 auto;gap:5px}
.compact-actions>a:last-child,.compact-actions .card-action-message{flex:0 0 auto}
.status-card-menu{position:relative;flex:0 0 auto;min-width:0}
.status-card-menu>summary{width:auto}
.card-action-svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 15px}
.status-caret{font-size:9px;margin-left:1px}
.status-card-menu__option,.status-card-menu__current{font-size:12.5px;font-weight:550}
.status-card-menu__title{font-weight:750}
@media(max-width:430px){
  .compact-actions{gap:5px;padding:10px 11px}
  .compact-actions .card-action-btn{height:32px;padding:0 7px;font-size:11.5px;gap:4px}
  .card-action-svg{width:14px;height:14px;flex-basis:14px}
  .order-system-card__top h2{font-size:15px}
}

/* v1.8.0 visual refresh */
.hero-strip-enhanced{box-shadow:0 18px 42px rgba(7,18,10,.16)}
.actions-hero-enhanced{gap:12px;align-items:center}
.badge-hero-status{font-size:18px!important;padding:12px 20px!important;border-radius:999px!important;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.25);animation:heroBadgePulse 2.6s ease-in-out infinite}
@keyframes heroBadgePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.03)}}
.btn-hero-edit,.btn-hero-pdf,.btn-hero-portal{font-weight:800;border-radius:14px;padding:12px 18px;box-shadow:0 10px 26px rgba(0,0,0,.12);transition:transform .16s ease, box-shadow .16s ease, filter .16s ease}
.btn-hero-edit:hover,.btn-hero-pdf:hover,.btn-hero-portal:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.btn-hero-edit{background:#f0f6ff;border:1px solid #c9daf5;color:#2b5ba9}.btn-hero-edit:hover{background:#fff}
.btn-hero-pdf{background:#fff3ef;border:1px solid #f3d1c6;color:#b34c25}.btn-hero-pdf:hover{background:#fffaf8}
.btn-hero-portal{background:linear-gradient(135deg,#84e70f,#64cb09)!important;color:#173200!important;border:1px solid #79d611!important}
.quick-statuses-enhanced{gap:10px}.quick-status-btn{border-radius:12px!important;padding:12px 16px!important;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.05);transition:transform .14s ease, box-shadow .14s ease, filter .14s ease}.quick-status-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.quick-status-btn.current{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 14px 28px rgba(0,0,0,.12)}
.quick-status-en-diagnostico{background:#f1eaff;color:#6424cb;border:1px solid #d6c2ff}.quick-status-esperando-presupuesto{background:#fff3dd;color:#af6a00;border:1px solid #f1d08b}.quick-status-en-reparacion{background:#e5f7fb;color:#0b88ad;border:1px solid #bce6ef}.quick-status-pruebas-finales{background:#e8fbf4;color:#0e7a63;border:1px solid #bdeedd}.quick-status-lista-para-retirar{background:#ecfae6;color:#3d8f0f;border:1px solid #bfe6ab}.btn-whatsapp-launch{padding:12px 18px!important;border-radius:12px!important;box-shadow:0 10px 24px rgba(29,133,79,.24)}

.order-card-grid-system-style{gap:18px}.order-system-card-v2{border-left:0;border-radius:18px;background:#f5f7fb;border:1px solid #d7def0;box-shadow:0 14px 36px rgba(56,77,155,.10);overflow:hidden;transition:transform .16s ease, box-shadow .16s ease}.order-system-card-v2:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(56,77,155,.15)}
.order-system-card-v2 .order-system-card__top{background:linear-gradient(180deg,#eef1fb 0%,#f7f8fc 100%);padding:16px 18px 14px}
.order-system-card__order-block{display:flex;flex-direction:column;gap:3px}.order-system-card__eyebrow{font-size:12px;font-weight:800;color:#5f6ef0;letter-spacing:.01em}.order-system-card__code{font-size:28px;line-height:1.04;font-weight:900;color:#111827;letter-spacing:-.04em}
.order-system-card-v2 .order-system-card__status{font-size:12px;padding:8px 14px;align-self:flex-start}
.order-system-card-v2 .order-system-card__body{padding:18px;gap:8px;background:#fbfbfd}
.order-system-card-v2 .order-system-card__customer{font-size:19px;font-weight:800;color:#202939}
.order-system-card-v2 .order-system-card__phone{font-size:16px;font-weight:700;color:#4963ff;text-decoration:none;width:max-content}.order-system-card-v2 .order-system-card__phone:hover{text-decoration:underline}
.order-system-card-v2 .order-system-card__line,.order-system-card-v2 .order-system-card__dates div{font-size:15px;line-height:1.45;color:#3b4352;font-weight:500}.order-line-label{font-weight:700;color:#5a6478}
.order-system-card-v2 .order-system-card__dates{gap:5px;color:#4f5dd6}
.compact-actions-v2{padding:14px 16px;background:#f0f3f8;border-top:1px solid #dbe2ef;display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center}
.card-action-btn{min-height:38px;padding:9px 12px!important;border-radius:11px!important;font-weight:700!important;font-size:14px!important;gap:7px!important;white-space:nowrap}.card-action-svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.btn-info-soft{background:linear-gradient(135deg,#1ec4f2,#18a8d1);border:1px solid #17a7cf;color:#fff!important}.btn-outline-primary-soft{background:#fff;border:1px solid #8ea0ff;color:#5163f2!important}.btn-orange-soft{background:linear-gradient(135deg,#ff972f,#f27718);border:1px solid #ea6d10;color:#fff!important}.btn-info-soft:hover,.btn-outline-primary-soft:hover,.btn-orange-soft:hover{filter:brightness(1.02);transform:translateY(-1px)}
.status-card-menu-v2{position:relative}.status-card-menu-v2 summary{list-style:none}.status-card-menu-v2 summary::-webkit-details-marker{display:none}.status-card-menu-v2[open] summary{box-shadow:0 10px 24px rgba(78,97,235,.18)}
.status-card-menu-v2 .status-card-menu__panel{width:260px;padding:12px;border-radius:16px;background:#fff;border:1px solid #d9e2f1;box-shadow:0 18px 42px rgba(40,56,112,.18);position:absolute;top:calc(100% + 8px);left:0;z-index:50}.status-card-menu__title{font-size:12px;font-weight:800;color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.status-card-menu__option,.status-card-menu__current{display:flex;align-items:center;gap:9px;width:100%;padding:10px 11px;border-radius:11px;border:0;background:#f7f9fc;font-size:14px;font-weight:700;color:#293243;text-align:left}.status-card-menu__option:hover{background:#eef3ff}.status-card-menu__current{background:#eef9ec;color:#1c6a18}.status-card-menu__current small{margin-left:auto;color:#567e52;font-size:11px}.status-dot-mini{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 4px rgba(0,0,0,.04)}
.card-action-inline-form{margin:0}.card-action-message{width:100%;justify-content:center}.compact-actions-v2 .card-action-inline-form{justify-self:stretch}

.customer-gallery-item.video{position:relative;overflow:hidden}.customer-gallery-thumb-video{width:100%;height:100%;object-fit:cover;display:block;background:#0d1011}.customer-video-thumb-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(8,12,9,.68);color:#fff;font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.28)}.customer-gallery-item.video small{position:absolute;left:8px;bottom:8px;background:rgba(8,12,9,.72);color:#fff;padding:4px 7px;border-radius:999px;font-size:10px;letter-spacing:.03em}

@media (max-width: 980px){.compact-actions-v2{grid-template-columns:1fr 1fr 1fr}.status-card-menu-v2 .status-card-menu__panel{left:auto;right:0}}
@media (max-width: 760px){.actions-hero-enhanced{gap:10px}.badge-hero-status{font-size:16px!important;padding:11px 16px!important}.btn-hero-edit,.btn-hero-pdf,.btn-hero-portal{padding:11px 15px}.order-system-card__code{font-size:24px}.compact-actions-v2{grid-template-columns:1fr;align-items:stretch}.card-action-btn,.compact-actions-v2 .card-action-inline-form,.compact-actions-v2 .status-card-menu-v2{width:100%}.status-card-menu-v2 .status-card-menu__panel{width:min(280px,calc(100vw - 44px))}}


/* v1.8.1 hotfix layout cards + hero */
.hero-strip-enhanced .toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px}
.hero-strip-enhanced .toolbar > div:first-child{min-width:0}
.hero-strip-enhanced .subtitle{margin-top:8px;max-width:100%;word-break:normal}
.actions-hero-enhanced{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-content:flex-start;gap:10px;max-width:560px}
.actions-hero-enhanced > *{flex:0 0 auto}
.badge-hero-status{min-height:54px;display:inline-flex;align-items:center;white-space:nowrap}

.order-system-card-v2 .order-system-card__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px}
.order-system-card__order-block{min-width:0}
.order-system-card__eyebrow{display:block;line-height:1.1;margin-bottom:6px}
.order-system-card__code{display:block;font-size:22px;line-height:1.06;font-weight:900;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.order-system-card-v2 .order-system-card__status{justify-self:end;align-self:start;max-width:175px;text-align:center;line-height:1.1;padding:9px 14px;white-space:normal;word-break:break-word}
.order-system-card-v2 .order-system-card__body{padding:17px 18px 18px;min-width:0}
.order-system-card-v2 .order-system-card__line,.order-system-card-v2 .order-system-card__dates div{word-break:break-word}
.compact-actions-v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr)}
.compact-actions-v2 > *{min-width:0}
.compact-actions-v2 .card-action-inline-form{display:block;width:100%}
.compact-actions-v2 .card-action-btn{width:100%;justify-content:center;overflow:hidden;text-overflow:ellipsis}
.compact-actions-v2 .card-action-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.status-card-menu-v2 summary{width:100%}
.status-card-menu-v2 .status-card-menu__panel{left:50%;right:auto;transform:translateX(-50%);width:min(260px,calc(100vw - 44px))}

@media (max-width: 1120px){
  .hero-strip-enhanced .toolbar{grid-template-columns:1fr}
  .actions-hero-enhanced{justify-content:flex-start;max-width:none}
}
@media (max-width: 980px){
  .compact-actions-v2{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 760px){
  .order-system-card__code{font-size:20px}
  .order-system-card-v2 .order-system-card__top{grid-template-columns:1fr}
  .order-system-card-v2 .order-system-card__status{justify-self:start;max-width:none}
  .compact-actions-v2{grid-template-columns:1fr}
  .status-card-menu-v2 .status-card-menu__panel{left:0;right:auto;transform:none}
}

/* v1.8.2 - restauración conservadora de tarjetas */
.order-card-classic{background:#f5f6fb!important;border:1px solid #d8dff2!important;border-left:4px solid #4e6cff!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(60,83,177,.08)!important;transform:none!important}
.order-card-classic:hover{transform:none!important;box-shadow:0 12px 28px rgba(60,83,177,.08)!important}
.order-card-classic__top{display:flex!important;grid-template-columns:none!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;padding:18px 18px 14px!important;background:#eef0f8!important}
.order-card-number-block{min-width:0;flex:1 1 auto;display:block}
.order-card-number-label{font-size:11px;font-weight:750;color:#5064ef;line-height:1.2;margin-bottom:6px}
.order-card-number-value{font-size:16px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.2!important;color:#10151d!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
.order-card-classic .order-system-card__status{flex:0 0 auto!important;max-width:none!important;white-space:nowrap!important;font-size:11px!important;font-weight:750!important;padding:5px 11px!important;line-height:1.2!important}
.order-card-classic .order-system-card__body{padding:18px!important;gap:10px!important;background:#f8f8fb!important}
.order-card-classic .order-system-card__customer{font-size:16px!important;font-weight:650!important}
.order-card-classic .order-system-card__phone{font-size:14px!important;font-weight:600!important}
.order-card-classic .order-system-card__line{font-size:14px!important;font-weight:400!important;line-height:1.5!important}
.order-card-classic .order-system-card__dates{font-size:13px!important;font-weight:400!important;gap:6px!important}
.classic-actions{display:flex!important;grid-template-columns:none!important;gap:6px!important;padding:11px 14px!important;flex-wrap:nowrap!important;align-items:center!important;background:#f1f1f4!important}
.classic-actions > *{min-width:0!important}
.classic-actions .card-action-btn{height:34px!important;width:auto!important;min-width:0!important;padding:0 10px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:650!important;line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important;gap:5px!important;overflow:visible!important}
.classic-actions .card-action-btn span{overflow:visible!important;text-overflow:clip!important}
.classic-actions .card-action-inline-form{display:block!important;width:auto!important;margin:0!important;justify-self:auto!important}
.classic-actions .card-action-message{width:auto!important}
.classic-status-menu{position:relative!important;flex:0 0 auto!important;width:auto!important}
.classic-status-menu>summary{width:auto!important}
.classic-status-menu .status-card-menu__panel{left:0!important;right:auto!important;transform:none!important;width:215px!important}
@media(max-width:430px){.order-card-classic__top{padding:16px 14px 12px!important}.order-card-number-value{font-size:15px!important}.order-card-classic .order-system-card__status{font-size:10px!important;padding:5px 9px!important}.classic-actions{gap:5px!important;padding:10px 11px!important}.classic-actions .card-action-btn{height:32px!important;padding:0 7px!important;font-size:11.5px!important;gap:4px!important}.classic-status-menu .status-card-menu__panel{width:205px!important}}

/* v1.9.0 - ficha interna de orden: refresh visual encapsulado */
.order-detail-page{--od-blue:#4169e1;--od-purple:#7c3aed;--od-orange:#e88916;--od-cyan:#0797b5;--od-green:#2f9e44;--od-slate:#506174}
.order-detail-page .order-detail-hero{border-radius:20px;padding:20px 22px;border-color:#203223;box-shadow:0 16px 40px rgba(8,24,12,.13)}
.order-detail-page .order-detail-hero .order-number{font-size:30px;letter-spacing:.015em}
.order-detail-page .order-detail-hero .subtitle{font-size:14px;line-height:1.5}
.order-detail-page .actions-hero-enhanced{gap:9px}
.order-detail-page .badge-hero-status{font-size:16px!important;padding:10px 18px!important;min-height:46px!important;animation:heroBadgePulse 2.8s ease-in-out infinite}
.order-detail-page .btn-hero-edit,.order-detail-page .btn-hero-pdf,.order-detail-page .btn-hero-portal{padding:10px 15px;font-size:13px;border-radius:11px;box-shadow:0 7px 18px rgba(0,0,0,.10)}
.order-detail-page .order-meta-grid{gap:10px;margin-top:16px!important}
.order-detail-page .order-meta{position:relative;overflow:hidden;padding:13px 14px;border-radius:13px;background:linear-gradient(180deg,#fbfdfb,#f4f8f5);border-color:#dbe6dd;box-shadow:inset 0 1px 0 #fff}
.order-detail-page .order-meta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#dbe7df}
.order-detail-page .order-meta:nth-child(1):after{background:#5c7cfa}.order-detail-page .order-meta:nth-child(2):after{background:#7c3aed}.order-detail-page .order-meta:nth-child(3):after{background:#f59f00}.order-detail-page .order-meta:nth-child(4):after{background:#4dabf7}
.order-detail-page .order-meta small{font-size:12px}.order-detail-page .order-meta strong{font-size:14px}.order-detail-page .order-meta-phone a{color:#365fd5;font-weight:800}

.order-detail-page .quick-statuses-enhanced{background:#fff;border:1px solid #dfe8e1;border-radius:15px;padding:10px;box-shadow:0 8px 24px rgba(12,32,18,.05);margin:14px 0 10px;align-items:center}
.order-detail-page .quick-status-btn{padding:9px 13px!important;font-size:12px;border-radius:10px!important;box-shadow:none}.order-detail-page .quick-status-btn:hover{box-shadow:0 7px 16px rgba(12,28,18,.07)}
.order-detail-page .wa-quick-form{margin-left:auto}.order-detail-page .wa-quick-form .select-sm{border-radius:10px;background:#fbfcfb;border-color:#ccd9cf}.order-detail-page .btn-whatsapp-launch{padding:9px 14px!important;border-radius:10px!important;font-size:12px;box-shadow:0 7px 18px rgba(22,131,75,.18)}

.order-detail-page .order-detail-tabs{margin:12px 0 18px;padding:7px;background:#ffffffee;border:1px solid #dfe8e1;border-radius:13px;box-shadow:0 8px 24px rgba(12,32,18,.05);backdrop-filter:blur(10px);gap:4px;border-bottom:1px solid #dfe8e1}
.order-detail-page .order-detail-tabs a{border:0;border-radius:9px;padding:8px 11px;color:#5c697f;font-size:12px;font-weight:750;transition:.15s ease}
.order-detail-page .order-detail-tabs a:hover{background:#edf6e8;color:#2d7507}.order-detail-page .order-detail-tabs a.active{background:#eafadb;color:#2a7004;box-shadow:inset 0 0 0 1px #badd9f}

.order-detail-page .order-summary-card,.order-detail-page .order-work-card{box-shadow:0 10px 28px rgba(10,30,15,.055);border-color:#dfe7e1;transition:border-color .15s ease,box-shadow .15s ease}
.order-detail-page .order-summary-card:hover,.order-detail-page .order-work-card:hover{border-color:#cbdacd;box-shadow:0 14px 32px rgba(10,30,15,.075)}
.order-detail-page .order-summary-card{position:relative;overflow:hidden;padding:17px 18px}
.order-detail-page .order-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.order-detail-page .order-summary-customer:before{background:#5477e8}.order-detail-page .order-summary-device:before{background:#7a54df}
.order-detail-page .order-summary-card .section-title{font-size:15px;margin-bottom:10px;color:#273342}
.order-detail-page .order-summary-card p{margin:5px 0;line-height:1.65;font-size:14px}.order-detail-page .order-summary-card p strong{font-size:16px}
.order-detail-page .order-summary-card a{color:#365fd5}

.order-detail-page .order-work-card{position:relative;padding:19px;border-radius:16px;overflow:visible}
.order-detail-page .order-work-card>.toolbar{padding-bottom:12px;border-bottom:1px solid #edf1ee;margin-bottom:16px!important}
.order-detail-page .order-work-card>.section-title,.order-detail-page .order-work-card .toolbar .section-title{font-size:16px;color:#253128;letter-spacing:-.01em}
.order-detail-page .order-work-card .subtitle{font-size:12px;margin-top:3px}
.order-detail-page .order-work-intake{border-top:3px solid #5c7cfa}.order-detail-page .order-work-status{border-top:3px solid #845ef7}.order-detail-page .order-work-diagnosis{border-top:3px solid #1098ad}.order-detail-page .order-work-budget{border-top:3px solid #f08c00}.order-detail-page .order-work-media{border-top:3px solid #7048e8}.order-detail-page .order-work-payments{border-top:3px solid #2f9e44}.order-detail-page .order-work-history{border-top:3px solid #868e96}.order-detail-page .order-work-delivery{border-top:3px solid #40c057}
.order-detail-page .order-work-intake>.grid>div{background:#f8faf9;border:1px solid #e4ece6;border-radius:12px;padding:14px}.order-detail-page .order-work-intake p{font-size:14px;line-height:1.55;margin:6px 0 14px}.order-detail-page .order-work-intake .label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#68776d}

.order-detail-page .input,.order-detail-page .select,.order-detail-page .textarea{border-radius:11px;background:#fcfdfc;border-color:#cad7cd}.order-detail-page .input:focus,.order-detail-page .select:focus,.order-detail-page .textarea:focus{background:#fff;box-shadow:0 0 0 3px rgba(101,213,0,.14)}
.order-detail-page .field .label{font-size:12px;color:#526159}.order-detail-page .textarea{min-height:88px}
.order-detail-page .order-action-primary,.order-detail-page .order-action-budget{box-shadow:0 8px 20px rgba(75,169,0,.16)}.order-detail-page .order-action-diagnosis,.order-detail-page .order-action-media{box-shadow:0 8px 20px rgba(16,26,20,.12)}.order-detail-page .order-action-payment{box-shadow:0 8px 20px rgba(22,131,75,.17)}

.order-detail-page .diagnosis-entry{background:linear-gradient(135deg,#f2fbfc,#f8fcfa);border-color:#cfe7e9;border-left:4px solid #1098ad;padding:14px 16px}.order-detail-page .diagnosis-entry>strong{font-size:15px;color:#164852}.order-detail-page .diagnosis-entry small{display:block;background:#fff;border:1px solid #dce9e9;padding:8px 10px;border-radius:9px;margin-top:8px;color:#3f5b58}
.order-detail-page .budget-history-card{background:linear-gradient(135deg,#fffdf8,#fffaf0);border-color:#efdfbd;border-left:4px solid #f08c00;box-shadow:0 7px 18px rgba(130,86,12,.05)}.order-detail-page .budget-history-card .money{color:#9a5b00}.order-detail-page .budget-total-box{background:linear-gradient(135deg,#f3faef,#eaf8e2);border-color:#cce6bd}
.order-detail-page .budget-line{background:#f8faf8;border:1px solid #e5ece6;border-radius:11px;padding:7px;margin-bottom:8px}

.order-detail-page .media-manage-tile{box-shadow:0 7px 18px rgba(10,30,15,.055);border-radius:13px}.order-detail-page .media-manage-tile:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(10,30,15,.08)}.order-detail-page .dropzone{background:linear-gradient(135deg,#fbfdfb,#f5faf5)}
.order-detail-page .order-work-payments .table-wrap{border:1px solid #e1e9e3;border-radius:12px;overflow:auto;margin-bottom:16px}.order-detail-page .order-work-payments .table{background:#fff}.order-detail-page .order-work-payments .table th{background:#f5f8f6;color:#657269}.order-detail-page .order-work-payments .table tr:last-child td{border-bottom:0}
.order-detail-page .order-work-history .timeline{margin-top:4px}.order-detail-page .order-work-history .timeline:before{background:linear-gradient(#65d500,#b9d9bd)}.order-detail-page .order-work-history .timeline-item{background:#f8faf8;border:1px solid #e4ece5;border-radius:11px;padding:11px 13px;margin:0 0 10px 8px}.order-detail-page .order-work-history .timeline-item:before{left:-29px;top:15px}.order-detail-page .order-work-history .timeline-item strong{font-size:14px}.order-detail-page .order-work-history .timeline-item .muted{font-size:11px}
.order-detail-page .order-work-delivery{background:linear-gradient(180deg,#fff,#fbfefb)}.order-detail-page .order-work-delivery .check{background:#f4fbef;border:1px solid #d8eacb;padding:10px 12px;border-radius:10px;width:max-content;max-width:100%}

@media(max-width:1050px){.order-detail-page .actions-hero-enhanced{justify-content:flex-start;max-width:none}.order-detail-page .quick-statuses-enhanced{align-items:stretch}.order-detail-page .wa-quick-form{margin-left:0}}
@media(max-width:760px){.order-detail-page .order-detail-hero{padding:17px}.order-detail-page .order-detail-hero .order-number{font-size:26px}.order-detail-page .badge-hero-status{font-size:14px!important;min-height:42px!important}.order-detail-page .actions-hero-enhanced{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.order-detail-page .actions-hero-enhanced .badge-hero-status{grid-column:1/-1;justify-self:start}.order-detail-page .actions-hero-enhanced .btn{width:100%}.order-detail-page .btn-hero-portal{grid-column:1/-1}.order-detail-page .quick-statuses-enhanced{padding:9px}.order-detail-page .wa-quick-form{grid-template-columns:1fr auto;width:100%}.order-detail-page .order-detail-tabs{top:62px;border-radius:10px}.order-detail-page .order-summary-card,.order-detail-page .order-work-card{padding:16px}.order-detail-page .order-work-intake>.grid>div{padding:12px}}
@media(max-width:480px){.order-detail-page .actions-hero-enhanced{grid-template-columns:1fr}.order-detail-page .actions-hero-enhanced .badge-hero-status,.order-detail-page .btn-hero-portal{grid-column:auto}.order-detail-page .wa-quick-form{grid-template-columns:1fr}.order-detail-page .wa-quick-form .btn{width:100%}.order-detail-page .order-meta-grid{grid-template-columns:1fr}.order-detail-page .order-detail-tabs a{padding:8px 10px}}
