@font-face{font-family:Bricolage;src:url('/fonts/BricolageGrotesque-Regular.ttf')}@font-face{font-family:Bricolage;src:url('/fonts/BricolageGrotesque-Bold.ttf');font-weight:700}@font-face{font-family:Instrument;src:url('/fonts/InstrumentSans-Regular.ttf')}@font-face{font-family:Instrument;src:url('/fonts/InstrumentSans-Bold.ttf');font-weight:700}
:root{--blue:#1d4fd7;--blue-dark:#1740ae;--navy:#0f1b33;--ink:#18202b;--muted:#707b8d;--line:#e2e6eb;--soft:#f5f7f9;--green:#0e8a6d;--amber:#b76a00;--red:#c13f49;--shadow:0 24px 70px rgba(29,79,215,.12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Instrument,"Microsoft YaHei",sans-serif;color:var(--ink);background:#f6f8fb}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:46px 20px;background:radial-gradient(circle at 50% 100%,#eaf2ff,transparent 38%),#f7f9fc}.auth-card{width:min(620px,100%);padding:54px 60px;border:1px solid #edf0f4;border-radius:38px;background:#fff;box-shadow:var(--shadow)}.auth-card.wide{width:min(820px,100%)}.auth-brand{display:flex;justify-content:center;margin-bottom:34px;font:700 18px Bricolage;color:var(--navy)}.auth-card h1{margin:0;text-align:center;font:700 44px/1.1 Bricolage}.auth-lede{margin:14px 0 45px;color:var(--muted);font-size:20px;text-align:center}.auth-form{display:grid;gap:24px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.auth-field{display:grid;gap:10px;color:#354052;font-size:15px;font-weight:700}.auth-field.full{grid-column:1/-1}.auth-field input{height:62px;width:100%;border:1px solid transparent;border-radius:20px;padding:0 22px;background:#f5f7f9;outline:0;font-size:17px}.auth-field input:focus{border-color:#b7c9f8;background:#edf3ff;box-shadow:0 0 0 4px rgba(29,79,215,.08)}.auth-link{justify-self:end;color:#2464ef;font-weight:700}.primary-action{min-height:62px;border:0;border-radius:20px;padding:0 28px;background:#2f67eb;color:#fff;box-shadow:0 14px 30px rgba(47,103,235,.22);font-size:17px;font-weight:700}.primary-action:hover{background:#2459d6}.secondary-action{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 18px;background:#fff;color:#354052;font-weight:700}.auth-switch{margin:30px 0 0;color:var(--muted);text-align:center;line-height:1.6}.auth-switch a{display:block;color:#2464ef;font-weight:700}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px}.code-row button{border:1px solid #cdd9f6;border-radius:16px;padding:0 18px;background:#eef3ff;color:var(--blue);font-weight:700}.auth-message{min-height:20px;margin:0;color:var(--red);font-size:13px;text-align:center}.auth-message.success{color:var(--green)}
.customer-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.customer-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px;background:var(--navy);color:#fff}.customer-logo{display:flex;align-items:center;gap:10px;padding:4px 9px 26px;font:700 18px Bricolage}.customer-logo span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--blue)}.customer-nav{display:grid;gap:7px}.customer-nav button{min-height:46px;display:flex;align-items:center;gap:11px;border:0;border-radius:9px;padding:0 13px;background:transparent;color:#aeb9ca;text-align:left;font-weight:700}.customer-nav button:hover,.customer-nav button.active{background:var(--blue);color:#fff}.customer-nav b{width:25px;font:700 11px Bricolage}.customer-sidebar-foot{margin-top:auto;padding:17px 9px 4px;border-top:1px solid rgba(255,255,255,.1)}.customer-sidebar-foot strong,.customer-sidebar-foot small{display:block}.customer-sidebar-foot small{margin-top:4px;color:#8d9bb0}.customer-sidebar-foot button{margin-top:14px;border:0;padding:0;background:none;color:#c4ccda}.customer-workspace{min-width:0}.customer-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#fff}.customer-topbar h1{margin:0;font:700 22px Bricolage}.customer-topbar-actions{display:flex;align-items:center;gap:10px}.cart-pill{min-height:38px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:0 14px;background:#fff;font-weight:700}.cart-pill b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;background:var(--blue);color:#fff;font-size:10px}.customer-main{padding:26px 28px 46px}.customer-hero{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding:26px;border-radius:16px;background:linear-gradient(125deg,var(--navy),#18366d);color:#fff}.customer-hero h2{margin:0 0 8px;font:700 30px Bricolage}.customer-hero p{max-width:680px;margin:0;color:#bdc9dc;line-height:1.6}.customer-hero .primary-action{align-self:center;min-height:46px;border-radius:10px;white-space:nowrap}.customer-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.customer-metric,.customer-panel{border:1px solid var(--line);border-radius:12px;background:#fff}.customer-metric{padding:18px}.customer-metric span{color:var(--muted);font-size:12px}.customer-metric strong{display:block;margin-top:10px;font:700 26px Bricolage}.customer-panel{overflow:hidden}.customer-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.customer-panel-head h2,.customer-panel-head h3{margin:0;font:700 20px Bricolage}.customer-panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.customer-panel-body{padding:20px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.customer-package{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.customer-package h3{margin:0;font:700 21px Bricolage}.customer-package .package-price{margin:18px 0 5px;font:700 34px Bricolage;color:var(--blue)}.customer-package p{color:var(--muted);line-height:1.55}.customer-package ul{min-height:118px;margin:8px 0 20px;padding:0;list-style:none}.customer-package li{padding:6px 0;font-size:13px}.customer-package li:before{content:'✓';margin-right:8px;color:var(--green);font-weight:700}.customer-package button{margin-top:auto}.customer-table-wrap{overflow:auto}.customer-table{width:100%;border-collapse:collapse;white-space:nowrap}.customer-table th,.customer-table td{padding:13px 16px;border-bottom:1px solid #edf0f3;text-align:left;font-size:13px}.customer-table th{background:#fafbfc;color:var(--muted);font-size:11px}.customer-table td strong,.customer-table td small{display:block}.customer-table td small{margin-top:4px;color:var(--muted)}.status{display:inline-flex;border-radius:99px;padding:5px 9px;background:#eef2f7;font-size:11px;font-weight:700}.status.PAID{background:#e7f5ef;color:var(--green)}.status.PUBLISHING{background:#e9efff;color:var(--blue)}.status.PENDING_PAYMENT{background:#fff2dd;color:var(--amber)}.status.CLOSED{background:#fff0f1;color:var(--red)}.row-actions{display:flex;gap:7px}.small-button{min-height:32px;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:#fff;font-size:11px;font-weight:700}.small-button.blue{border-color:#cad7fb;color:var(--blue)}.small-button.danger{color:var(--red)}.empty-box{padding:48px 20px;color:var(--muted);text-align:center}.cart-list{display:grid;gap:10px}.cart-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:16px;border:1px solid var(--line);border-radius:10px}.cart-item strong,.cart-item small{display:block}.cart-item small{margin-top:4px;color:var(--muted)}.cart-total{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.cart-total strong{font:700 28px Bricolage;color:var(--blue)}.form-stack{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:grid;gap:7px;color:#4e5969;font-size:12px;font-weight:700}.form-field.full{grid-column:1/-1}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;outline:0}.form-field input:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,79,215,.08)}.form-field textarea{min-height:100px;resize:vertical}.submission-choice{display:flex;gap:8px}.submission-choice button{border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:#fff;font-weight:700}.submission-choice button.active{border-color:var(--blue);background:#edf2ff;color:var(--blue)}.submission-pane[hidden]{display:none}.upload-drop{display:grid;place-items:center;min-height:130px;border:2px dashed #9aa9b9;border-radius:10px;padding:20px;color:var(--muted);text-align:center}.upload-drop input{max-width:100%}.editor-shell{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.editor-toolbar{border-bottom:1px solid var(--line)}.editor-content{min-height:320px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.chat-history{display:grid;align-content:start;gap:10px;min-height:400px;max-height:520px;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc}.chat-bubble{max-width:78%;padding:12px 14px;border-radius:13px;background:#fff;border:1px solid var(--line)}.chat-bubble.customer{justify-self:end;border-color:#d3dffe;background:#edf2ff}.chat-bubble.admin{justify-self:start}.chat-bubble strong,.chat-bubble time{display:block}.chat-bubble time{margin-top:7px;color:var(--muted);font-size:10px}.chat-compose{display:grid;align-content:start;gap:10px}.chat-compose textarea{min-height:180px;border:1px solid var(--line);border-radius:10px;padding:13px;resize:vertical}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(8,18,36,.58)}.modal-panel{position:relative;width:min(820px,calc(100% - 28px));max-height:calc(100vh - 40px);overflow:auto;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.2)}.modal-head{display:flex;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font:700 22px Bricolage}.modal-close{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:20px}.modal-body{padding:20px}.toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,15px);padding:12px 17px;border-radius:8px;background:var(--navy);color:#fff;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.auth-shell{padding:32px 20px}.auth-card{width:min(520px,100%);padding:38px 44px;border-radius:28px}.auth-card.wide{width:min(680px,100%);padding:38px 46px}.auth-brand{margin-bottom:24px}.auth-card h1{font-size:38px}.auth-lede{margin:10px 0 30px;font-size:17px}.auth-form{gap:18px}.auth-grid{gap:16px}.auth-field{gap:8px}.auth-field input{height:54px;border-radius:15px;padding:0 18px;font-size:16px}.primary-action{min-height:54px;border-radius:15px;font-size:16px}.auth-switch{margin-top:22px}
@media(max-width:1000px){.customer-metrics{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}}@media(max-width:760px){.auth-card,.auth-card.wide{padding:36px 24px;border-radius:24px}.auth-card h1{font-size:34px}.auth-lede{font-size:16px;margin-bottom:32px}.auth-grid{grid-template-columns:1fr}.auth-field.full{grid-column:auto}.customer-shell{grid-template-columns:1fr}.customer-sidebar{position:static;height:auto;padding:14px}.customer-logo{padding-bottom:14px}.customer-nav{display:flex;overflow:auto}.customer-nav button{min-width:max-content}.customer-sidebar-foot{display:none}.customer-topbar{height:auto;padding:16px}.customer-main{padding:18px 14px 34px}.customer-hero{display:grid;padding:22px}.customer-metrics{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}}@media(max-width:480px){.auth-shell{padding:16px}.auth-card{padding:30px 18px}.code-row{grid-template-columns:1fr}.code-row button{height:46px}.customer-topbar-actions span{display:none}.customer-metrics{grid-template-columns:1fr}.cart-item{grid-template-columns:1fr}.submission-choice{display:grid}.row-actions{flex-wrap:wrap}}
[hidden]{display:none!important}
.empty-box a.primary-action{display:inline-flex;align-items:center;justify-content:center;margin:12px 0}
.payment-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:14px}.payment-actions .primary-action{margin:0}
.profile-layout{display:grid;gap:20px}
#editor-content{min-width:0}.ql-toolbar.ql-snow,.ql-container.ql-snow{border-color:var(--line)}.ql-toolbar.ql-snow{border-radius:10px 10px 0 0;background:#fafbfc}.ql-container.ql-snow{height:min(52vh,560px);min-height:320px;border-radius:0 0 10px 10px;font:16px/1.7 Instrument,"Microsoft YaHei",sans-serif}.ql-editor{min-height:0;overflow-y:auto}.ql-editor img,.ql-editor video{max-width:100%;height:auto}.ql-snow .ql-tooltip{z-index:110}
.submission-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 4px}.submission-choice button{min-height:96px;display:flex;align-items:center;gap:14px;border:2px solid #dce3ed;border-radius:16px;padding:16px 18px;background:#fff;color:#354052;text-align:left;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.submission-choice button:hover{border-color:#9db8ff;background:#f7f9ff;transform:translateY(-1px)}.submission-choice button.active{border-color:var(--blue);background:linear-gradient(135deg,#edf3ff,#f7f9ff);color:var(--blue);box-shadow:0 10px 24px rgba(29,79,215,.14)}.submission-choice-icon{width:46px;height:46px;display:grid;flex:0 0 auto;place-items:center;border-radius:13px;background:#eef2f7;font-size:25px;font-weight:700;line-height:1}.submission-choice button.active .submission-choice-icon{background:var(--blue);color:#fff}.submission-choice strong,.submission-choice small{display:block}.submission-choice strong{font:700 20px Bricolage}.submission-choice small{margin-top:5px;color:var(--muted);font-size:12px;font-weight:400}.submission-choice button.active small{color:#5271be}
.auth-card{position:relative}.auth-language-toggle{position:absolute;top:18px;right:20px;min-width:38px;height:30px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--blue);font-size:11px;font-weight:700}.auth-language-toggle:hover{background:#edf2ff}
.auth-field-label{display:block}.auth-required-mark{color:var(--red);font-size:11px;font-style:normal;font-weight:700}
.customer-language-toggle{min-height:34px;border:1px solid #cbd8f4;border-radius:99px;padding:0 12px;background:#fff;color:var(--blue);font-size:11px;font-weight:700}.customer-language-toggle:hover{background:#edf2ff}
.auth-link{text-decoration:none!important}.auth-link:hover{text-decoration:none!important}
.report-panel{padding:16px;border:1px solid #dce5f8;border-radius:14px;background:linear-gradient(145deg,#f8faff,#fff)}.report-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--navy);font-size:16px}.report-count{display:grid;place-items:center;min-width:25px;height:25px;border-radius:99px;background:var(--blue);color:#fff;font-size:12px;font-weight:700}.report-list{display:grid;gap:10px;margin-top:13px}.report-download{display:flex;align-items:center;gap:12px;min-height:82px;padding:14px 15px;border:1px solid #cbd9fa;border-radius:14px;background:#fff;color:var(--navy);box-shadow:0 9px 22px rgba(29,79,215,.12);transition:.2s}.report-download:hover{border-color:var(--blue);background:#f4f7ff;transform:translateY(-1px)}.report-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:12px;background:var(--blue);color:#fff;font-size:28px;font-weight:700;line-height:1}.report-file{min-width:0;flex:1}.report-file strong,.report-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-file strong{font-size:13px}.report-file small{margin-top:4px;color:var(--blue);font-size:11px;font-weight:700}.report-download-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;flex:0 0 auto;border-radius:10px;padding:0 13px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;box-shadow:0 6px 14px rgba(29,79,215,.2)}.report-download:hover .report-download-action{background:var(--blue-dark)}.report-arrow{font-size:16px;font-weight:700}.report-empty{margin-top:12px;padding:16px;border:1px dashed #cfd7e5;border-radius:10px;color:var(--muted);text-align:center;background:#fff}
.chat-compose,.report-panel,.report-list,.report-download{min-width:0;max-width:100%}.report-panel{overflow:hidden}.report-list{max-height:min(52vh,460px);overflow-x:hidden;overflow-y:auto;padding-right:4px}.report-download{width:100%}.modal-panel{overflow-x:hidden}
.chat-history{min-width:0}.chat-bubble,.chat-bubble p{min-width:0;overflow-wrap:anywhere;word-break:break-word}

/* Customer order workspace */
.orders-page{display:grid;gap:18px;max-width:1240px;margin:0 auto}.orders-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 2px}.orders-page-heading h2{margin:0;font:700 32px/1.08 Bricolage;color:var(--navy)}.orders-page-heading p{max-width:720px;margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.orders-page-heading>span{flex:0 0 auto;color:#627087;font-size:12px;font-weight:700}.order-filter-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.order-filter-card{position:relative;min-height:128px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid #e0e6ef;border-radius:22px;padding:22px;background:#fff;color:var(--ink);box-shadow:0 10px 26px rgba(24,43,77,.055);text-align:left;transition:.18s ease}.order-filter-card:hover{border-color:#a9c0f9;transform:translateY(-2px);box-shadow:0 14px 30px rgba(35,83,179,.12)}.order-filter-card.active{border-color:var(--blue);background:linear-gradient(135deg,#edf3ff,#fff);box-shadow:0 16px 34px rgba(29,79,215,.15)}.order-filter-card strong{font:700 20px Bricolage;color:var(--navy)}.order-filter-card small{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.4}.order-filter-card.active strong{color:var(--blue)}.order-filter-count{position:absolute;top:17px;right:18px;min-width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#eff3f8;color:#40506a;font:700 14px Bricolage}.order-filter-card.active .order-filter-count{background:var(--blue);color:#fff}.orders-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:0 3px}.orders-list-heading h3{margin:0;font:700 18px Bricolage;color:var(--navy)}.orders-list-heading span{color:var(--muted);font-size:12px}.order-card-list{display:grid;gap:16px}.order-card{position:relative;border:1px solid #e2e8f1;border-radius:24px;padding:24px 26px;background:#fff;box-shadow:0 14px 35px rgba(21,43,78,.07);transition:box-shadow .18s,transform .18s}.order-card:hover{box-shadow:0 18px 42px rgba(21,43,78,.11);transform:translateY(-1px)}.order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.order-card-reference{display:grid;gap:4px}.order-card-reference>span,.order-card-summary span,.order-flow-heading span{color:#778399;font-size:11px;font-weight:700;letter-spacing:.02em}.order-card-reference strong{font:700 20px Bricolage;color:var(--navy);letter-spacing:.02em}.order-card-reference time{color:var(--muted);font-size:12px}.order-card-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px}.order-card-status{display:inline-flex;align-items:center;min-height:34px;border-radius:99px;padding:0 13px;background:#eef2f7;color:#47566d;font-size:12px;font-weight:700;white-space:nowrap}.order-card-status.NEEDS_SUBMISSION{background:#fff1dc;color:#a45c00}.order-card-status.PENDING_PAYMENT{background:#fff1dc;color:#a45c00}.order-card-status.PAID{background:#e9f4ee;color:#0b805f}.order-card-status.PUBLISHING{background:#eaf0ff;color:#245ccf}.order-card-status.COMPLETED{background:#e7f6f0;color:#087459}.order-card-status.CLOSED{background:#fff0f1;color:#bc3d48}.order-actions-menu{position:relative}.order-actions-menu summary{display:flex;align-items:center;gap:8px;min-height:36px;list-style:none;border:1px solid #dce3ec;border-radius:11px;padding:0 12px;background:#fff;color:#344158;font-size:12px;font-weight:700;white-space:nowrap;user-select:none}.order-actions-menu summary::-webkit-details-marker{display:none}.order-actions-menu summary i{font-size:14px;font-style:normal;transition:transform .16s}.order-actions-menu[open] summary{border-color:#9bb5f7;color:var(--blue);box-shadow:0 0 0 3px rgba(29,79,215,.08)}.order-actions-menu[open] summary i{transform:rotate(180deg)}.order-actions-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:15;display:grid;min-width:178px;overflow:hidden;border:1px solid #dfe6ef;border-radius:14px;padding:6px;background:#fff;box-shadow:0 18px 36px rgba(20,40,70,.17)}.order-actions-popover button{min-height:37px;border:0;border-radius:9px;padding:0 11px;background:transparent;color:#37455d;text-align:left;font-size:12px;font-weight:700}.order-actions-popover button:hover{background:#edf3ff;color:var(--blue)}.order-actions-popover button.danger{color:var(--red)}.order-actions-popover button.danger:hover{background:#fff1f2}.order-card-summary{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(260px,2.2fr) auto;gap:18px;margin:23px 0 22px;padding:19px 20px;border-radius:17px;background:#f8fafc}.order-card-summary>div{min-width:0;display:grid;align-content:start;gap:5px}.order-card-summary strong{overflow:hidden;color:#26354b;font-size:14px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.order-card-summary small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.order-card-summary .order-card-amount{justify-items:end;text-align:right}.order-card-amount strong{font:700 21px Bricolage;color:var(--blue)}.order-flow{border-top:1px solid #e8edf4;padding-top:17px}.order-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.order-flow-heading strong{color:#516078;font-size:11px;font-weight:700}.order-flow ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}.order-flow li{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;color:#9aa5b5;font-size:11px;font-weight:700;line-height:1.35;text-align:center}.order-flow li:not(:last-child):after{position:absolute;top:13px;left:calc(50% + 14px);width:calc(100% - 28px);height:2px;background:#dfe5ee;content:""}.order-flow li.done:after{background:#79a0f3}.order-flow-dot{position:relative;z-index:1;width:28px;height:28px;display:grid;place-items:center;border:2px solid #d7dee8;border-radius:50%;background:#fff;color:#8b98aa;font:700 11px Bricolage}.order-flow li.done{color:#4774ca}.order-flow li.done .order-flow-dot{border-color:#6f98ec;background:#7c9fee;color:#fff}.order-flow li.current{color:var(--blue)}.order-flow li.current .order-flow-dot{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 0 0 5px rgba(29,79,215,.12)}.order-flow.is-closed li{color:#aeb6c3}.order-flow.is-closed .order-flow-dot{border-color:#e0e4ea;background:#f5f6f8;color:#a3acba}.order-card-list.compact{gap:12px}.order-card-list.compact .order-card{border-radius:18px;padding:19px 20px}.order-card-list.compact .order-card-summary{margin:17px 0;padding:15px 16px}.order-card-list.compact .order-flow{padding-top:14px}
@media(max-width:900px){.order-card-summary{grid-template-columns:1fr 1fr}.order-card-summary .order-card-amount{justify-items:start;text-align:left}.order-card-summary .order-card-amount{grid-column:1/-1}.order-filter-card{min-height:116px}.orders-page-heading h2{font-size:28px}}@media(max-width:620px){.orders-page{gap:14px}.orders-page-heading{display:grid;gap:8px}.orders-page-heading h2{font-size:27px}.orders-page-heading>span{justify-self:start}.order-filter-cards{grid-template-columns:1fr}.order-filter-card{min-height:102px;padding:18px 19px;border-radius:19px}.order-card{border-radius:20px;padding:18px}.order-card-head{display:grid;gap:14px}.order-card-controls{justify-content:space-between}.order-card-summary{grid-template-columns:1fr;margin:18px 0;padding:16px}.order-card-summary .order-card-amount{grid-column:auto}.order-card-summary .order-card-amount{justify-items:start;text-align:left}.order-card-summary strong{white-space:normal}.order-flow{overflow-x:auto;padding-bottom:2px}.order-flow ol{min-width:500px}.order-flow li{font-size:10px}.order-flow-heading{min-width:500px}.order-actions-popover{min-width:190px}.order-card-list.compact .order-card{padding:18px}.order-card-list.compact .order-flow ol{min-width:470px}}
.order-dashboard-panel{overflow:visible}

/* Collapsed order rows, based on the supplied reference layout. */
.order-filter-cards{gap:18px;border:1px solid #edf0f5;border-radius:38px;padding:24px;background:#fff;box-shadow:0 18px 35px rgba(23,41,71,.12)}.order-filter-card{min-height:128px;border-color:transparent;border-radius:28px;background:#f7f8fa;box-shadow:none}.order-filter-card:hover{border-color:#d9e3f9;background:#f4f7fd;box-shadow:none}.order-filter-card.active{border-color:transparent;background:#2e63e9;box-shadow:0 14px 25px rgba(30,83,210,.24);color:#fff}.order-filter-card.active strong,.order-filter-card.active small{color:#fff}.order-filter-card.active small{opacity:.82}.order-filter-card.active .order-filter-count{background:transparent;color:#fff}.order-card{overflow:visible;padding:0;border-radius:30px;box-shadow:0 18px 32px rgba(20,38,67,.13)}.order-card:hover{transform:none;box-shadow:0 20px 40px rgba(20,38,67,.16)}.order-card-disclosure{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:172px;list-style:none;padding:28px 36px;cursor:pointer}.order-card-disclosure::-webkit-details-marker{display:none}.order-card-disclosure::marker{display:none}.order-card[open] .order-card-disclosure{border-bottom:1px solid #e9edf3}.order-card-identity{display:flex;align-items:center;min-width:0;gap:22px}.order-card-mark{width:58px;height:58px;display:grid;flex:0 0 auto;place-items:center;border-radius:17px;background:#080d22;color:#fff;font:700 15px Bricolage;letter-spacing:.04em}.order-card-identity>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.order-card-identity strong{color:#111b33;font:700 27px Bricolage;white-space:nowrap}.order-card-identity strong em{margin-right:5px;font-style:normal}.order-card-identity small{color:#91a1bc;font-size:14px;white-space:nowrap}.order-card-quick{display:grid;grid-template-columns:auto minmax(150px,1fr) 48px;align-items:center;gap:13px;min-width:270px;border:1px solid #e6eaf0;border-radius:28px;padding:14px 16px 14px 18px;background:#f7f8fa}.order-card-quick.PENDING_PAYMENT,.order-card-quick.NEEDS_SUBMISSION{border-color:#ffe3c3;background:#fff7ed}.order-card-quick.PAID{border-color:#d8ecdf;background:#f1fbf5}.order-card-quick.PUBLISHING{border-color:#dce6ff;background:#f2f6ff}.order-card-quick.COMPLETED{border-color:#d8eee4;background:#f0faf5}.order-card-quick.CLOSED{border-color:#f2dde0;background:#fff6f7}.order-card-quick .order-card-status{min-height:auto;padding:0;background:transparent!important;color:#46536a;font-size:12px}.order-card-quick.PENDING_PAYMENT .order-card-status,.order-card-quick.NEEDS_SUBMISSION .order-card-status{color:#fa7417}.order-card-quick.PAID .order-card-status{color:#0d8c64}.order-card-quick.PUBLISHING .order-card-status{color:#2865d6}.order-card-quick.COMPLETED .order-card-status{color:#07815f}.order-card-quick.CLOSED .order-card-status{color:#ba4550}.order-card-quick>strong{overflow:hidden;color:#19243a;font-size:14px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.order-card-caret{width:48px;height:48px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:#fa7417;font-size:23px;font-style:normal;line-height:1;transition:transform .18s}.order-card-quick.PAID .order-card-caret,.order-card-quick.PUBLISHING .order-card-caret{color:var(--blue)}.order-card-quick.COMPLETED .order-card-caret{color:var(--green)}.order-card-quick.CLOSED .order-card-caret{color:var(--red)}.order-card[open] .order-card-caret{transform:rotate(180deg)}.order-card-detail{padding:0 36px 30px}.order-card-detail .order-card-summary{margin-top:22px}.order-card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px;padding-top:19px;border-top:1px solid #e8edf4}.order-card-actions>span{color:#778399;font-size:11px;font-weight:700}.order-card-actions>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.order-action{min-height:38px;border:1px solid #dce3ec;border-radius:11px;padding:0 13px;background:#fff;color:#3e4e66;font-size:12px;font-weight:700}.order-action:hover{border-color:#a7c1fb;background:#f0f5ff;color:var(--blue)}.order-action.primary{border-color:#9bb7ff;background:#edf3ff;color:var(--blue)}.order-action.danger{color:var(--red)}.order-action.danger:hover{border-color:#f4c5ca;background:#fff2f3;color:var(--red)}
@media(max-width:900px){.order-filter-cards{padding:17px;gap:12px}.order-card-disclosure{padding:25px}.order-card-detail{padding-left:25px;padding-right:25px}.order-card-identity{gap:15px}.order-card-identity strong{font-size:22px}.order-card-identity small{font-size:12px}.order-card-quick{min-width:240px;grid-template-columns:1fr 40px}.order-card-quick .order-card-status{grid-column:1/-1}.order-card-caret{grid-column:2;grid-row:1/3;width:40px;height:40px}.order-card-quick>strong{grid-column:1;grid-row:2}}@media(max-width:620px){.order-filter-cards{grid-template-columns:1fr;border-radius:28px;padding:14px}.order-filter-card{min-height:98px;border-radius:20px}.order-card{border-radius:24px}.order-card-disclosure{align-items:flex-start;display:grid;grid-template-columns:1fr;padding:22px 20px}.order-card-identity{align-items:flex-start}.order-card-mark{width:48px;height:48px;border-radius:14px}.order-card-identity>div{display:grid;gap:5px}.order-card-identity strong{font-size:19px}.order-card-quick{width:100%;min-width:0}.order-card-detail{padding:0 20px 22px}.order-card-actions{align-items:flex-start;display:grid}.order-card-actions>div{justify-content:flex-start}.order-action{flex:1 1 130px}.order-card-list.compact .order-card{padding:0}.order-card-list.compact .order-card-disclosure{padding:20px}.order-card-list.compact .order-card-detail{padding-left:20px;padding-right:20px}}
.order-card-quick{grid-template-columns:auto minmax(150px,1fr) 54px}.order-card-caret{width:54px;height:54px;font-size:0;transform:none!important}.order-card-caret:before{width:18px;height:18px;margin-top:-8px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;content:"";transform:rotate(45deg);transition:transform .18s,margin .18s}.order-card[open] .order-card-caret:before{margin-top:8px;transform:rotate(225deg)}@media(max-width:900px){.order-card-quick{grid-template-columns:1fr 44px}.order-card-caret{width:44px;height:44px}.order-card-caret:before{width:16px;height:16px;border-width:3px}}

/* Compact the collapsed order list without changing the expanded details. */
.order-card-list{gap:12px}.order-card{border-radius:24px}.order-card-disclosure{min-height:118px;padding:18px 26px}.order-card-identity{gap:15px}.order-card-mark{width:46px;height:46px;border-radius:14px;font-size:12px}.order-card-identity strong{font-size:21px}.order-card-identity small{font-size:12px}.order-card-quick{min-width:238px;border-radius:22px;padding:9px 11px 9px 14px;gap:10px}.order-card-quick>strong{font-size:12px}.order-card-caret{width:44px;height:44px}.order-card-caret:before{width:16px;height:16px;border-width:3px;margin-top:-7px}.order-card[open] .order-card-caret:before{margin-top:7px}@media(max-width:900px){.order-card-disclosure{padding:17px 20px}.order-card-quick{grid-template-columns:1fr 42px;min-width:218px}.order-card-caret{width:42px;height:42px}}@media(max-width:620px){.order-card-disclosure{min-height:0;padding:18px}.order-card-identity strong{font-size:18px}.order-card-quick{min-width:0}.order-card-caret{width:40px;height:40px}.order-card-caret:before{width:14px;height:14px;border-width:2px}}
.order-filter-cards{gap:12px;border-radius:28px;padding:16px}.order-filter-card{min-height:94px;border-radius:20px;padding:16px 18px}.order-filter-card strong{font-size:17px}.order-filter-card small{margin-top:4px;font-size:11px}.order-filter-count{top:12px;right:13px;min-width:27px;height:27px;border-radius:9px;font-size:12px}
.order-filter-cards{gap:10px;border-radius:22px;padding:11px}.order-filter-card{min-height:76px;border-radius:16px;padding:12px 15px}.order-filter-card strong{font-size:15px}.order-filter-card small{margin-top:2px;font-size:10px}.order-filter-count{top:9px;right:10px;min-width:23px;height:23px;border-radius:7px;font-size:11px}
.order-card-list{gap:10px}.order-card-disclosure{min-height:86px;padding:12px 20px;gap:16px}.order-card-identity{gap:11px}.order-card-mark{width:38px;height:38px;border-radius:11px;font-size:10px}.order-card-identity strong{font-size:17px}.order-card-identity small{font-size:10px}.order-card-quick{min-width:200px;border-radius:17px;padding:6px 8px 6px 10px;gap:7px}.order-card-quick>strong{font-size:11px}.order-card-caret{width:34px;height:34px}.order-card-caret:before{width:13px;height:13px;border-width:2px;margin-top:-6px}.order-card[open] .order-card-caret:before{margin-top:6px}@media(max-width:900px){.order-card-disclosure{min-height:82px;padding:11px 16px}.order-card-quick{min-width:190px}.order-card-caret{width:32px;height:32px}}@media(max-width:620px){.order-card-disclosure{min-height:0;padding:14px 16px}.order-card-mark{width:36px;height:36px}.order-card-identity strong{font-size:16px}.order-card-quick{min-width:0}.order-card-caret{width:32px;height:32px}}
.order-filter-cards{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px) and (min-width:621px){.order-filter-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.order-filter-cards{grid-template-columns:1fr}}
 .order-action.primary{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(29,79,215,.2)}.order-action.primary:hover{border-color:var(--blue-dark);background:var(--blue-dark);color:#fff}
 .order-action.has-unread-message{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:#e6aab1;background:#fff8f8;color:#b93645}.order-action.has-unread-message:hover{border-color:#dc7e89;background:#fff1f2;color:#a92f3d}.order-action-unread-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#e53948;box-shadow:0 0 0 3px rgba(229,57,72,.13)}

/* Keep the order action buttons visually centered in the card action area. */
.order-card-actions>div{flex:1;justify-content:center}
@media(max-width:620px){.order-card-actions>div{justify-content:center}}

/* Independent unread indicators for customer messages and publication reports. */
.order-card-quick{grid-template-columns:auto minmax(120px,1fr) auto 44px}
.order-unread-notice{display:flex;align-items:flex-start;gap:6px;max-width:190px;color:#d53c48;font-size:10px;font-weight:700;line-height:1.45;text-align:left;white-space:nowrap}
.order-unread-dot{width:8px;height:8px;flex:0 0 auto;margin-top:3px;border-radius:50%;background:#e53948;box-shadow:0 0 0 3px rgba(229,57,72,.13)}
.order-unread-notice span{overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){
  .order-card-quick{grid-template-columns:1fr 42px}
  .order-card-quick .order-card-status{grid-column:1/-1}
  .order-card-quick>strong{grid-column:1;grid-row:2}
  .order-card-quick .order-unread-notice{grid-column:1;grid-row:3;max-width:calc(100% - 4px)}
  .order-card-quick .order-card-caret{grid-column:2;grid-row:1/4}
}
@media(max-width:620px){
  .order-card-quick .order-unread-notice{font-size:9px;line-height:1.35}
  .order-unread-dot{width:7px;height:7px}
}

/* The customer dashboard no longer exposes a shopping-cart section. */
@media(min-width:1001px){
  .customer-metrics{grid-template-columns:repeat(3,1fr)}
}
.customer-metrics .customer-metric:nth-child(4){display:none}

/* Show the unread highlight only while the order card is collapsed. */
.order-card:has(.order-unread-notice):not([open]){
  border-color:#f1b8bf;
  background:linear-gradient(135deg,#fff7f7 0%,#fff 72%);
  box-shadow:0 18px 36px rgba(213,60,72,.13),0 0 0 2px rgba(213,60,72,.06);
}
.order-card:has(.order-unread-notice):not([open]) .order-card-disclosure{
  background:linear-gradient(135deg,rgba(255,239,241,.88),rgba(255,255,255,.42));
  border-radius:24px;
}
.order-card:has(.order-unread-notice):not([open]):hover{
  border-color:#e89da7;
  box-shadow:0 22px 42px rgba(213,60,72,.17),0 0 0 2px rgba(213,60,72,.08);
}

/* Give customers an explicit way back to the public website homepage. */
.customer-home-link{display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid #dbe4f5;border-radius:99px;padding:0 12px;background:#fff;color:#405b96;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap;transition:.18s ease}
.customer-home-link:hover{border-color:#a9c0f9;background:#edf3ff;color:var(--blue)}
.document-upload{display:grid;place-items:center;gap:8px;min-height:156px;margin:2px 0 4px;padding:24px;border:2px dashed #9db2d5;border-radius:16px;background:linear-gradient(135deg,#f7faff,#fff);color:var(--muted);text-align:center;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.document-upload:hover,.document-upload:focus-visible,.document-upload.is-dragging{border-color:var(--blue);background:#edf3ff;box-shadow:0 10px 26px rgba(29,79,215,.12);outline:0}.document-upload-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--blue);color:#fff;font-size:30px;font-weight:700;line-height:1}.document-upload strong{font:700 19px Bricolage;color:var(--ink)}.document-upload span{max-width:560px;font-size:13px;line-height:1.5}.document-upload small{min-height:18px;color:var(--blue);font-size:12px}.editor-word-count{padding:8px 4px 0;color:var(--muted);font-size:12px}.submission-form .ql-container{min-height:300px}.submission-form .ql-editor{min-height:300px}@media(max-width:480px){.document-upload{min-height:145px;padding:18px 14px}.document-upload span{font-size:12px}}
@media(max-width:480px){
  .customer-topbar-actions .customer-home-link span{display:inline}
  .customer-home-link{padding:0 9px}
}

/* Customer profile forms: keep contact fields easy to scan on wide screens. */
.profile-layout{
  width:100%;
  max-width:980px;
  margin:0 auto;
  gap:16px;
}
.profile-layout>.customer-panel{
  border-color:#dfe6ef;
  box-shadow:0 10px 28px rgba(24,43,78,.055);
}
.profile-layout .customer-panel-head{
  padding:20px 24px;
  background:#fbfcfe;
}
.profile-layout .customer-panel-body{
  padding:22px 24px 24px;
}
.profile-layout [data-profile-form]{
  max-width:760px;
  margin:0 auto;
}
.profile-layout [data-password-form]{
  max-width:480px;
  margin:0 auto;
}
.profile-layout .form-grid{
  gap:17px 20px;
}
.profile-layout .form-field{
  gap:8px;
  color:#445269;
  font-size:13px;
}
.profile-layout .form-field input{
  min-height:44px;
  border-color:#d9e1eb;
  border-radius:9px;
  padding:10px 13px;
  background:#fbfcfe;
}
.profile-layout .form-field input:disabled{
  color:#78859a;
  background:#f2f5f8;
}
.profile-layout .form-actions{
  justify-content:center;
  margin-top:3px;
  padding-top:4px;
}
.profile-layout .primary-action{
  min-width:160px;
  min-height:46px;
  border-radius:10px;
  font-size:14px;
}
@media(max-width:620px){
  .profile-layout{gap:14px}
  .profile-layout .customer-panel-head{padding:17px 18px}
  .profile-layout .customer-panel-body{padding:18px}
  .profile-layout [data-profile-form],
  .profile-layout [data-password-form]{max-width:none}
  .profile-layout .form-grid{gap:14px}
  .profile-layout .primary-action{min-width:150px}
}

/* Keep active stages in the same soft status palette as payment and completion. */
.order-card-quick.PAID,
.order-card-quick.PUBLISHING{
  border-color:#dce6ff;
  background:#f2f6ff;
  box-shadow:none;
}
.order-card-quick.PAID .order-card-status,
.order-card-quick.PUBLISHING .order-card-status{
  color:#2865d6;
}
.order-card-quick.PAID .order-card-caret,
.order-card-quick.PUBLISHING .order-card-caret{
  border-color:#2865d6;
  color:#2865d6;
}

.submission-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 -4px}
.submission-form .document-upload{min-height:82px;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;place-items:initial;align-items:center;column-gap:12px;row-gap:2px;margin:0 0 2px;padding:10px 16px;border-radius:14px;text-align:left}
.submission-form .document-upload-icon{grid-column:1;grid-row:1/4;width:38px;height:38px;border-radius:11px;font-size:24px}
.submission-form .document-upload strong{grid-column:2;font-size:16px}
.submission-form .document-upload span{grid-column:2;max-width:none;font-size:12px;line-height:1.3}
.submission-form .document-upload small{grid-column:2;min-height:0;font-size:11px;line-height:1.3}
.submission-editor-heading>div{display:grid;gap:3px}
.submission-editor-heading strong{color:var(--navy);font-size:14px}
.submission-editor-heading small{color:var(--muted);font-size:11px}
.submission-format-button{min-height:36px;border-color:#cbd8f4;background:#f7f9ff;color:var(--blue);font-size:12px}
.submission-format-button:hover{border-color:#9bb7ff;background:#edf3ff;color:var(--blue)}
.submission-form .ql-editor.is-auto-formatted>p,
.submission-form .ql-editor.is-auto-formatted>h1,
.submission-form .ql-editor.is-auto-formatted>h2,
.submission-form .ql-editor.is-auto-formatted>h3,
.submission-form .ql-editor.is-auto-formatted>blockquote{margin:0 0 14px;line-height:1.8}
.submission-form .ql-editor.is-auto-formatted>h1,
.submission-form .ql-editor.is-auto-formatted>h2,
.submission-form .ql-editor.is-auto-formatted>h3{margin-bottom:18px}
.submission-form .ql-editor.is-auto-formatted>ol,
.submission-form .ql-editor.is-auto-formatted>ul{margin-bottom:14px;line-height:1.8}
@media(max-width:480px){
  .submission-form .document-upload{min-height:78px;padding:9px 12px}
  .submission-editor-heading{align-items:flex-start}
  .submission-format-button{min-height:34px;padding:0 11px}
}

/* Keep the submission dialog inside the viewport. Long release content scrolls
   inside Quill while the upload area, title and action row stay visible. */
#customer-modal:has(.submission-form) .modal-panel{
  width:min(900px,calc(100vw - 32px));
  height:min(860px,calc(100vh - 32px));
  max-height:none;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
#customer-modal:has(.submission-form) .modal-head{
  flex:0 0 auto;
}
#customer-modal:has(.submission-form) .modal-body{
  min-height:0;
  flex:1 1 auto;
  overflow:hidden;
}
#customer-modal:has(.submission-form) .submission-form{
  min-height:0;
  height:100%;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto auto;
  gap:10px;
}
#customer-modal:has(.submission-form) .submission-form .document-upload,
#customer-modal:has(.submission-form) .submission-form .form-grid,
#customer-modal:has(.submission-form) .submission-editor-heading,
#customer-modal:has(.submission-form) .submission-form .form-actions{
  min-height:0;
}
#customer-modal:has(.submission-form) .submission-pane{
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
}
#customer-modal:has(.submission-form) .submission-pane .ql-toolbar{
  min-height:0;
  overflow:visible;
}
#customer-modal:has(.submission-form) .submission-pane .ql-container{
  height:auto;
  min-height:0;
  overflow:hidden;
}
#customer-modal:has(.submission-form) .submission-pane .ql-editor{
  height:100%;
  min-height:0;
  overflow-y:auto;
}
#customer-modal:has(.submission-form) .submission-form .form-actions{
  align-items:center;
}

@media(max-width:620px){
  #customer-modal:has(.submission-form) .modal-panel{width:calc(100vw - 20px);height:calc(100vh - 20px)}
  #customer-modal:has(.submission-form) .modal-body{padding:14px}
#customer-modal:has(.submission-form) .submission-form{gap:8px}
}

/* Report cards remain the download target; the upload date replaces the old
   secondary download label inside each card. */
.report-download{cursor:pointer}
.report-file .report-file-download-hint{
  margin-top:4px;
  color:var(--blue);
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
.report-file .report-file-date{
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  font-weight:400;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
}

/* Let the order workspace shrink to the phone viewport. The 5-step flow may
   still scroll horizontally when a card is open, but closed cards must not
   inherit that flow's 500px minimum width. */
.customer-shell,
.customer-sidebar,
.customer-workspace,
.customer-main,
.orders-page,
.order-card-list,
.order-card,
.order-card-disclosure,
.order-card-detail{min-width:0}
@media(max-width:620px){
  .customer-shell,
  .customer-sidebar,
  .customer-nav,
  .customer-logo,
  .customer-workspace,
  .customer-main,
  .orders-page,
  .order-card-list,
  .order-card,
  .order-card-disclosure,
  .order-card-detail{max-width:100%;width:100%}
  .order-flow-heading,
  .order-flow ol{min-width:0}
  .order-card[open] .order-flow{min-width:0;overflow-x:auto}
  .order-card[open] .order-flow-heading,
  .order-card[open] .order-flow ol{min-width:500px}
}

/* Order communication dialog: a wide two-column workspace with the report
   rail above a generous message composer, matching the supplied reference. */
#customer-modal:has(.order-chat-layout) .modal-panel{
  width:min(1180px,calc(100vw - 32px));
  height:min(900px,calc(100vh - 40px));
  max-height:none;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:8px;
}
#customer-modal:has(.order-chat-layout) .modal-head{
  flex:0 0 auto;
  min-height:78px;
  padding:17px 22px;
  align-items:center;
}
#customer-modal:has(.order-chat-layout) .modal-head h2{
  font-size:21px;
  line-height:1.2;
}
#customer-modal:has(.order-chat-layout) .modal-close{
  width:36px;
  height:36px;
  flex:0 0 auto;
  font-size:20px;
}
#customer-modal:has(.order-chat-layout) .modal-body{
  min-height:0;
  flex:1 1 auto;
  overflow:hidden;
  padding:20px;
}
#customer-modal:has(.order-chat-layout) .order-chat-layout{
  height:100%;
  grid-template-columns:minmax(0,1fr) minmax(360px,480px);
  gap:20px;
  align-items:stretch;
}
#customer-modal:has(.order-chat-layout) .chat-history{
  height:100%;
  min-height:420px;
  max-height:none;
  padding:16px;
  border:1px solid #e0e6f0;
  border-radius:16px;
  background:#f5f7fb;
  box-shadow:none;
}
#customer-modal:has(.order-chat-layout) .chat-history .chat-bubble{
  max-width:82%;
  padding:11px 13px;
  border-radius:12px;
  font-size:12px;
  line-height:1.6;
}
#customer-modal:has(.order-chat-layout) .chat-history .chat-bubble time{
  margin-top:7px;
  font-size:10px;
}
#customer-modal:has(.order-chat-layout) .chat-compose{
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}
#customer-modal:has(.order-chat-layout) .report-panel{
  min-height:0;
  flex:1 1 auto;
  max-height:none;
  display:flex;
  flex-direction:column;
  padding:18px;
  border-radius:16px;
  border-color:#d6e2fb;
  background:linear-gradient(145deg,#f8faff 0%,#eef3ff 100%);
  box-shadow:0 10px 28px rgba(29,79,215,.08);
}
#customer-modal:has(.order-chat-layout) .report-panel-head{
  flex:0 0 auto;
  padding:0 0 12px;
  font-size:20px;
  line-height:1.2;
}
#customer-modal:has(.order-chat-layout) .report-count{
  min-width:36px;
  height:36px;
  border-radius:50%;
  font-size:14px;
}
#customer-modal:has(.order-chat-layout) .report-list{
  min-height:0;
  max-height:none;
  flex:1 1 auto;
  gap:9px;
  overflow-y:auto;
  padding:3px 5px 3px 1px;
}
#customer-modal:has(.order-chat-layout) .report-download{
  min-height:84px;
  padding:10px;
  border-radius:14px;
  gap:10px;
  border-color:#cbd9fa;
  box-shadow:0 4px 12px rgba(29,79,215,.07);
}
#customer-modal:has(.order-chat-layout) .report-icon{
  width:54px;
  height:54px;
  border-radius:12px;
  font-size:36px;
}
#customer-modal:has(.order-chat-layout) .report-file strong{
  font-size:12px;
  line-height:1.3;
}
#customer-modal:has(.order-chat-layout) .report-file-download-hint{
  margin-top:4px;
  font-size:11px;
}
#customer-modal:has(.order-chat-layout) .report-file-date{
  margin-top:5px;
  font-size:9px;
}
#customer-modal:has(.order-chat-layout) .report-empty{
  flex:1 1 auto;
  display:grid;
  place-items:center;
  margin-top:0;
  min-height:180px;
  border-radius:16px;
  font-size:12px;
}
#customer-modal:has(.order-chat-layout) form[data-order-message-form]{
  display:grid;
  gap:0;
  flex:0 0 auto;
  margin:0;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 4px 14px rgba(15,27,51,.04);
}
#customer-modal:has(.order-chat-layout) form[data-order-message-form] textarea{
  height:104px;
  min-height:104px;
  border:1px solid #e1e7f0;
  border-radius:12px;
  padding:12px 13px;
  background:#fbfcff;
  color:var(--ink);
  font-size:13px;
  line-height:1.6;
  resize:vertical;
  box-shadow:none;
}
#customer-modal:has(.order-chat-layout) form[data-order-message-form] .primary-action{
  width:auto;
  min-width:96px;
  min-height:38px;
  margin:14px auto 0;
  border-radius:10px;
  padding:7px 14px;
  font-size:11px;
}
@media(max-width:900px){
  #customer-modal:has(.order-chat-layout) .modal-panel{
    width:calc(100vw - 28px);
    height:min(900px,calc(100vh - 28px));
    border-radius:10px;
  }
  #customer-modal:has(.order-chat-layout) .modal-head{
    min-height:70px;
    padding:16px 20px;
  }
  #customer-modal:has(.order-chat-layout) .modal-head h2{
    font-size:20px;
  }
  #customer-modal:has(.order-chat-layout) .modal-close{
    width:40px;
    height:40px;
    font-size:20px;
  }
  #customer-modal:has(.order-chat-layout) .modal-body{
    overflow:auto;
    padding:20px;
  }
  #customer-modal:has(.order-chat-layout) .order-chat-layout{
    height:auto;
    grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
    gap:14px;
  }
  #customer-modal:has(.order-chat-layout) .chat-history{
    height:clamp(360px,calc(100vh - 260px),620px);
    min-height:0;
    padding:16px;
  }
  #customer-modal:has(.order-chat-layout) .chat-history .chat-bubble{
    max-width:90%;
    padding:14px 16px;
    font-size:15px;
  }
  #customer-modal:has(.order-chat-layout) .chat-compose{
    grid-template-rows:auto auto;
  }
  #customer-modal:has(.order-chat-layout) .report-panel{
    padding:18px;
  }
  #customer-modal:has(.order-chat-layout) .report-list{
    flex:0 1 auto;
    max-height:360px;
  }
  #customer-modal:has(.order-chat-layout) form[data-order-message-form] textarea{
    height:104px;
    min-height:104px;
  }
}

/* Compact order status capsule: keep status, next action and disclosure
   control on one calm information line without changing the click target. */
.order-card-quick{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:fit-content;
  min-width:0;
  max-width:100%;
  min-height:54px;
  border-width:1px;
  border-radius:999px;
  padding:7px 10px 7px 14px;
  background:rgba(255,255,255,.72);
}
.order-card-quick .order-card-status{
  flex:0 0 auto;
  min-height:0;
  padding:0;
  background:transparent!important;
  font-size:14px;
  font-weight:800;
  line-height:1.25;
  white-space:nowrap;
}
.order-card-quick>strong{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  color:#35445d;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.order-card-quick .order-unread-notice{
  flex:0 1 auto;
  max-width:150px;
  min-width:0;
  font-size:10px;
}
.order-card-quick .order-unread-notice span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.order-card-quick .order-card-caret{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-width:1px;
  font-size:0;
  transform:none!important;
}
 .order-card-quick .order-card-caret:before{
  width:12px;
  height:12px;
  margin-top:-5px;
  border-width:2px;
}
.order-card[open] .order-card-quick .order-card-caret:before{
  margin-top:5px;
}

.order-card-quick.NEEDS_SUBMISSION,
.order-card-quick.PENDING_PAYMENT{
  border-color:#ffd6a8;
  background:rgba(255,247,237,.78);
}
.order-card-quick.NEEDS_SUBMISSION .order-card-status,
.order-card-quick.PENDING_PAYMENT .order-card-status,
.order-card-quick.NEEDS_SUBMISSION .order-card-caret,
.order-card-quick.PENDING_PAYMENT .order-card-caret{
  color:#f27416;
}
.order-card-quick.PAID,
.order-card-quick.PUBLISHING{
  border-color:#c9d9ff;
  background:rgba(242,246,255,.78);
}
.order-card-quick.PAID .order-card-status,
.order-card-quick.PUBLISHING .order-card-status,
.order-card-quick.PAID .order-card-caret,
.order-card-quick.PUBLISHING .order-card-caret{
  color:#2865d6;
}
.order-card-quick.COMPLETED{
  border-color:#cce8da;
  background:rgba(242,250,246,.8);
}
.order-card-quick.COMPLETED .order-card-status,
.order-card-quick.COMPLETED .order-card-caret{
  color:#0b805f;
}
.order-card-quick.CLOSED{
  border-color:#f0cdd2;
  background:rgba(255,247,248,.8);
}
.order-card-quick.CLOSED .order-card-status,
.order-card-quick.CLOSED .order-card-caret{
  color:#bc3d48;
}
@media(max-width:900px){
  .order-card-quick{
    width:100%;
    min-width:0;
  }
}

/* Restore readable type in the customer order status filters. */
.order-filter-cards{
  gap:12px;
  padding:14px;
}
.order-filter-card{
  min-height:92px;
  padding:15px 18px;
}
.order-filter-card strong{
  font-size:18px;
}
.order-filter-card small{
  margin-top:4px;
  font-size:12px;
}
.order-filter-count{
  top:12px;
  right:14px;
  min-width:28px;
  height:28px;
  font-size:13px;
}
@media(max-width:620px){
  .order-filter-card{min-height:88px}
  .order-filter-card strong{font-size:17px}
  .order-filter-card small{font-size:11px}
  .order-filter-count{font-size:12px}
}
@media(max-width:620px){
  .order-card-quick{
    min-height:48px;
    gap:8px;
    padding:6px 8px 6px 12px;
  }
  .order-card-quick .order-card-status{font-size:12px}
  .order-card-quick>strong{font-size:11px}
  .order-card-quick .order-unread-notice{max-width:105px;font-size:9px}
  .order-card-quick .order-card-caret{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
  .order-card-quick .order-card-caret:before{
    width:11px;
    height:11px;
    border-width:2px;
  }
}
@media(max-width:760px){
  #customer-modal:has(.order-chat-layout) .modal-panel{
    width:calc(100vw - 20px);
    height:calc(100vh - 20px);
  }
  #customer-modal:has(.order-chat-layout) .modal-body{
    padding:14px;
  }
  #customer-modal:has(.order-chat-layout) .order-chat-layout{
    height:auto;
    grid-template-columns:1fr;
    gap:12px;
  }
  #customer-modal:has(.order-chat-layout) .chat-history{
    height:390px;
    max-height:390px;
  }
  #customer-modal:has(.order-chat-layout) .report-panel{
    order:2;
    padding:16px;
    border-radius:15px;
  }
  #customer-modal:has(.order-chat-layout) .report-list{
    max-height:360px;
    min-height:180px;
  }
  #customer-modal:has(.order-chat-layout) form[data-order-message-form]{
    order:3;
    border-radius:15px;
  }
}
@media(max-width:480px){
  #customer-modal:has(.order-chat-layout) .chat-history{
    height:340px;
    padding:16px;
  }
  #customer-modal:has(.order-chat-layout) .modal-head h2{
    font-size:20px;
  }
  #customer-modal:has(.order-chat-layout) .modal-close{
    width:36px;
    height:36px;
    font-size:18px;
  }
  #customer-modal:has(.order-chat-layout) .modal-body{
    padding:14px;
  }
  #customer-modal:has(.order-chat-layout) .report-panel-head{
    font-size:20px;
  }
  #customer-modal:has(.order-chat-layout) .report-count{
    min-width:34px;
    height:34px;
    font-size:13px;
  }
  #customer-modal:has(.order-chat-layout) .report-download{
    min-height:96px;
    padding:13px;
    gap:12px;
  }
  #customer-modal:has(.order-chat-layout) .report-icon{
    width:50px;
    height:50px;
    border-radius:14px;
    font-size:30px;
  }
  #customer-modal:has(.order-chat-layout) form[data-order-message-form] textarea{
    height:104px;
    min-height:104px;
    padding:12px 13px;
    border-radius:12px;
    font-size:13px;
  }
  #customer-modal:has(.order-chat-layout) form[data-order-message-form] .primary-action{
    min-height:38px;
    border-radius:10px;
    font-size:11px;
  }
}

/* Submission statistics and optional human translation charge. */
.editor-content-stats{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 18px;
  padding:8px 4px 0;
  color:var(--muted);
  font-size:12px;
}
.editor-content-stats span+span:before{
  margin-right:18px;
  color:#c5ccd6;
  content:"|";
}
.submission-translation-option{
  display:grid;
  gap:10px;
  border:1px solid #dce3ec;
  border-radius:12px;
  padding:13px 15px;
  background:#fafbfd;
  transition:border-color .18s,background .18s,box-shadow .18s;
}
.submission-translation-option.selected{
  border-color:#9bb7ff;
  background:#f2f6ff;
  box-shadow:0 0 0 3px rgba(29,79,215,.07);
}
.submission-translation-option>label{
  display:flex;
  align-items:flex-start;
  gap:11px;
  cursor:pointer;
}
.submission-translation-option input{
  width:18px;
  height:18px;
  flex:0 0 auto;
  margin:1px 0 0;
  accent-color:var(--blue);
}
.submission-translation-option label span{display:grid;gap:3px}
.submission-translation-option label strong{color:var(--navy);font-size:15px}
.submission-translation-option label small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}
.submission-translation-quote{
  display:grid;
  grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);
  gap:8px;
  border-top:1px solid #e2e7ef;
  padding-top:10px;
  color:#4d5b70;
  font-size:13px;
}
.submission-translation-quote span{min-width:0;overflow-wrap:anywhere}
.submission-translation-quote b{display:block;margin-bottom:3px;color:#78859a;font-size:11px}
.submission-translation-quote strong{color:var(--blue)}
.submission-translation-quote>small{grid-column:1/-1;color:#a46100;font-size:14px;font-weight:700;line-height:1.5}
.submission-translation-quote>small.translation-not-required{color:#687386}
@media(max-width:620px){
  .submission-translation-quote{grid-template-columns:1fr}
  .submission-translation-quote>small{grid-column:auto}
  .editor-content-stats span+span:before{margin-right:8px}
}

/* ===== 全局视觉抛光层（叠加在既有规则之上，纯 CSS，不改动结构） ===== */
::selection{background:rgba(29,79,215,.16)}
:focus-visible{outline:2px solid rgba(29,79,215,.5);outline-offset:2px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:99px;background:#c9d2de;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#aeb9c9;background-clip:content-box}

/* 侧边栏：纵向渐变 + Logo 渐变 + 导航激活光效，与后台同一视觉语言 */
.customer-sidebar{background:linear-gradient(180deg,#13233f 0%,#0f1b33 34%,#0c162e 100%)}
.customer-logo span{background:linear-gradient(135deg,#2f66ec,#1740ae);box-shadow:0 4px 12px rgba(29,79,215,.38)}
.customer-nav button{transition:background .16s ease,color .16s ease,transform .16s ease}
.customer-nav button:hover{transform:translateX(2px);background:rgba(255,255,255,.08);color:#fff}
.customer-nav button.active{background:var(--blue);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 4px 16px rgba(29,79,215,.35)}
.customer-nav b{transition:transform .16s ease}
.customer-nav button:hover b{transform:scale(1.1)}
.customer-sidebar-foot button{transition:color .16s ease}
.customer-sidebar-foot button:hover{color:#fff}

/* 顶栏：吸顶 + 毛玻璃，滚动时内容从其下方滑过 */
.customer-topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cart-pill{transition:border-color .16s ease,background .16s ease}
.cart-pill:hover{border-color:#a9c0f9;background:#f7faff}
.customer-language-control{position:relative;display:inline-flex;align-items:center;min-width:0}
.customer-language-icon{position:absolute;left:11px;z-index:1;width:15px;height:15px;color:var(--blue);pointer-events:none}
.customer-language-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-language-select{min-height:36px;max-width:132px;border:1px solid #cbd8f4;border-radius:10px;padding:0 28px 0 34px;background:#fff;color:var(--blue);font-size:12px;font-weight:700;outline:0;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.customer-language-select:hover{border-color:#9db8f0;background:#f7faff}
.customer-language-select:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,79,215,.13)}
.customer-language-select option{background:#fff;color:var(--ink);font-weight:600}
.customer-home-link{transition:border-color .16s ease,background .16s ease,color .16s ease}
.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}

/* 面板与卡片：柔和层次阴影，指标卡/套餐卡悬停浮起 */
.customer-metric,.customer-panel{box-shadow:0 1px 2px rgba(15,27,51,.05)}
.customer-metric,.customer-package{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.customer-metric:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,27,51,.1)}
.customer-package:hover{transform:translateY(-3px);border-color:#c9d8f8;box-shadow:0 14px 30px rgba(21,43,78,.1)}
.customer-hero{position:relative;overflow:hidden}
.customer-hero:after{position:absolute;inset:0;background:radial-gradient(600px 200px at 88% -20%,rgba(97,141,255,.28),transparent 70%);content:"";pointer-events:none}

/* 按钮：主按钮悬停浮起、按下回落，次级按钮描边过渡 */
.primary-action{transition:background .16s ease,box-shadow .16s ease,transform .16s ease}
.primary-action:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(47,103,235,.3)}
.primary-action:active{transform:translateY(1px);box-shadow:0 8px 18px rgba(47,103,235,.22)}
.secondary-action,.small-button,.order-action{transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.secondary-action:hover{border-color:#c8d1de}
.small-button:hover{border-color:#c8d1de}
.small-button.blue:hover{transform:translateY(-1px)}

/* 表格与表单：行悬停淡蓝、输入框 hover 过渡 */
.customer-table tbody tr{transition:background .12s ease}
.customer-table tbody tr:hover{background:#f4f8ff}
.form-field input,.form-field textarea,.form-field select,.chat-compose textarea{transition:border-color .16s ease,box-shadow .16s ease}
.form-field input:hover,.form-field textarea:hover,.chat-compose textarea:hover{border-color:#c8d1de}

/* 聊天气泡与弹窗：轻微阴影 + 入场动效 */
.chat-bubble{box-shadow:0 1px 3px rgba(15,27,51,.06)}
.chat-bubble.customer{box-shadow:0 2px 8px rgba(29,79,215,.08)}
@keyframes customer-fade-in{from{opacity:0}to{opacity:1}}
@keyframes customer-pop-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.modal.open{animation:customer-fade-in .18s ease both}
.modal-panel{animation:customer-pop-in .24s cubic-bezier(.2,.7,.3,1) both}
.modal-close{transition:background .16s ease,border-color .16s ease,transform .16s ease}
.modal-close:hover{border-color:#c8d1de;transform:rotate(90deg)}
.toast{border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 32px rgba(15,27,51,.3)}

/* 尊重减弱动效偏好 */
@media(prefers-reduced-motion:reduce){.customer-nav button:hover{transform:none}.customer-metric:hover,.customer-package:hover{transform:none}.primary-action:hover{transform:none}.modal-close:hover{transform:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* PayPal 支付弹窗：链接时效提示 */
.payment-expiry-note{margin:6px 0 0;color:var(--muted);font-size:13px}
.payment-success-modal{display:grid;justify-items:center;padding:42px 24px 38px;text-align:center}
.payment-success-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:#e7f5ef;color:var(--green);font:700 36px/1 Instrument, sans-serif;box-shadow:0 0 0 8px rgba(14,138,109,.08)}
.payment-success-modal h3{margin:0;color:var(--navy);font:700 28px/1.2 Bricolage,"Microsoft YaHei",sans-serif}
.payment-success-modal p{max-width:430px;margin:12px auto 22px;color:var(--muted);line-height:1.65}
.payment-success-modal .primary-action{min-width:132px;min-height:46px;border-radius:10px}
@media(max-width:480px){.payment-success-modal{padding:34px 18px 30px}.payment-success-modal h3{font-size:24px}.payment-success-modal p{font-size:14px}}
.checkout-methods-label{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.payment-marks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px;justify-content:center}
.pay-mark{display:block;height:32px;width:auto;border-radius:5px}
.empty-box .form-note{margin:8px 0 16px;color:var(--muted);font-size:13px}.empty-box .form-note a{color:var(--blue)}

/* 客户中心套餐与首页共用信息层级：四列展示，内容和后台套餐数据保持同步。 */
.package-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px}
.package-selection-panel{overflow:visible}
.package-selection-panel>.customer-panel-body{overflow:visible}
.customer-package.price-card{min-width:0;min-height:520px;height:100%;padding:28px 28px 26px;overflow:visible;border-radius:8px;box-shadow:0 12px 28px rgba(23,47,91,.08)}
.customer-package.price-card:focus-within,.customer-package.price-card:has(.package-tooltip-trigger:hover){z-index:30}
.customer-package.price-card.popular{margin:0;padding:27px 27px 25px;border-width:2px}
.customer-package .price-card-header{order:1}
.customer-package .package-feature-list{order:3}
.customer-package .package-price-row{order:4}
.customer-package .package-cta{order:5}
.customer-package .price-card-header{position:relative;display:block;min-height:0;padding:16px 0 0}
.customer-package .price-card-header h3{display:-webkit-box;height:2.32em;min-height:2.32em;overflow:hidden;margin:0;color:var(--navy);font:700 23px/1.16 Bricolage;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.customer-package .package-badge{position:absolute;top:-22px;right:0;max-width:108px;padding:5px 10px;border:1px solid #d8e2ff;border-radius:99px;background:#edf2ff;color:var(--blue);font-size:9px;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.customer-package .package-price-row{min-height:0;margin-top:auto;display:flex;align-items:flex-start}
.customer-package .package-price-stack{width:100%;min-width:0}
.customer-package .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin:0;color:var(--navy);font:700 44px/1.05 Bricolage}
.customer-package .customer-price-number{display:inline-block;white-space:nowrap}
.customer-package .customer-price-currency{display:inline-block;margin-left:0;color:var(--navy);font:700 .52em Instrument,"Microsoft YaHei",sans-serif;white-space:nowrap}
.customer-package .price-suffix{max-width:100%;color:var(--muted);font:400 12px/1.3 Instrument,"Microsoft YaHei",sans-serif;white-space:normal}
.customer-package .package-feature-list{display:grid;gap:0;margin:23px 0 0!important;padding:14px 0 0!important;border-top:1px solid var(--line);list-style:none}
.customer-package .package-feature-list>li{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:0;font-size:12px;line-height:1.5}
.customer-package .package-feature-list>li::before{display:none!important;content:none!important}
.customer-package .package-feature-marker{flex:0 0 17px;width:17px;color:var(--green);font-weight:700;line-height:1.5;text-align:center}
.customer-package .package-feature-copy-wrap{position:relative;display:block;flex:1 1 0;width:0;min-width:0;max-width:100%;color:var(--ink);line-height:inherit;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.customer-package .package-feature-copy{display:inline;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.customer-package .package-feature-copy-wrap.has-tooltip .package-feature-copy{text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:4px}
.customer-package .package-feature.is-muted .package-feature-copy-wrap{color:#8b95a4}
.customer-package .package-feature-copy.is-bold{font-weight:700}
.customer-package .package-feature-group{display:block!important;width:100%;max-width:100%;margin:12px 0 1px!important;padding:11px 0 5px!important;color:var(--navy);font:700 12px/1.4 Bricolage;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.customer-package .package-feature-group:first-child{margin-top:0!important;padding-top:2px!important}
.customer-package .package-cta{width:100%;margin:23px 0 0;justify-content:center}
.customer-package .package-cta span{font-size:18px;line-height:1}
.customer-package .package-tooltip-trigger{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;margin:0 0 0 6px;border:1px solid currentColor;border-radius:50%;padding:0;background:transparent;color:var(--blue);font-size:10px;font-weight:700;line-height:1;cursor:help;vertical-align:middle}
.customer-package .package-tooltip-trigger:hover,.customer-package .package-tooltip-trigger:focus-visible{background:var(--blue);color:#fff;outline:0}
.customer-package .package-tooltip-bubble{position:absolute;z-index:1000;bottom:calc(100% + 9px);left:0;display:none;width:min(260px,calc(100vw - 32px));padding:10px 12px;border:1px solid #3b5fbd;border-radius:7px;background:#0f1b33;color:#fff;opacity:1;font:400 12px/1.5 Instrument,"Microsoft YaHei",sans-serif;text-align:left;box-shadow:0 10px 24px rgba(15,27,51,.28)}
.customer-package .package-tooltip-trigger:hover .package-tooltip-bubble,.customer-package .package-tooltip-trigger:focus-visible .package-tooltip-bubble{display:block}
.package-grid>.customer-package:nth-child(4n) .package-tooltip-bubble{right:0;left:auto}
@media(max-width:1500px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1500px) and (min-width:701px){.package-grid>.customer-package:nth-child(even) .package-tooltip-bubble{right:0;left:auto}}
@media(max-width:700px){.package-grid{grid-template-columns:1fr}.customer-package.price-card,.customer-package.price-card.popular{min-height:0;padding:24px 22px 23px}.customer-package .price-card-header{padding:16px 0 0}.customer-package .price-card-header h3{font-size:21px}.customer-package .package-price-row{margin-top:22px}.customer-package .price{font-size:37px}.customer-package .package-tooltip-bubble{position:fixed;right:16px;bottom:16px;top:auto;left:16px;width:auto}}

/* Keep tooltip markers attached to the final feature word. */
.customer-package .package-feature-copy-wrap{display:block;width:auto;flex:1 1 0}
.customer-package .package-feature-copy{display:inline;flex:initial}
.customer-package .package-tooltip-trigger{display:inline-grid;flex:initial;margin:0 0 0 5px;vertical-align:middle}
.customer-package .package-tooltip-tail{display:inline-block;white-space:nowrap}