/* Approved visual target: r2 / 01-soft-robot-factory. */
:root{
 --green:#5c3c41;--green2:#4e2d33;--lime:#eae5dd;
 --paper:#efeae4;--ink:#39181d;--muted:#926f75;--line:#eee9e2;
 --navy:#3d1f24;--shadow:0 18px 60px #35151a20;
 font-family:"Noto Sans SC UI","Noto Sans SC","Microsoft YaHei","PingFang SC",system-ui,sans-serif;
 color:var(--ink);background:var(--paper);font-size:14px;
}
body{background:var(--paper)}
button,input,select,textarea{font-family:inherit}
button{transition:background-color .16s,color .16s,border-color .16s}
button:focus-visible,a:focus-visible{outline:3px solid #a99c92;outline-offset:3px}
input,select,textarea{border-color:#e9e3db;border-radius:8px;color:var(--ink)}
input::placeholder,textarea::placeholder{color:#a3868b;opacity:1}
input:focus,select:focus,textarea:focus,[contenteditable]:focus{outline:2px solid #aea29955;border-color:#a7988e}
input[readonly]{background:#f7f4f1;color:#836368}
.primary,.secondary,.danger{min-height:44px;border-radius:8px;gap:8px;font-size:14px;padding:11px 18px}
.primary{background:var(--green);box-shadow:none}
.primary:hover{background:var(--green2)}
.primary .icon,.secondary .icon{width:18px;height:18px}
.secondary{border-color:#e9e3da;color:#5c3b40;background:#fff}
.secondary:hover{background:#f6f3f0;border-color:#cac2bc}
.text-btn{color:#85646a}
.text-btn:hover{color:#4f282e}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:7px;color:#9d7c82}
.icon-button:hover{background:#f4f1ed;color:#5a383e}
.sidebar{width:242px;padding:24px 14px 20px;background:var(--navy);border-right:1px solid #4f3237;color:#f6f4f1}
.brand{gap:10px;letter-spacing:0;flex-shrink:0}
.brand-mark{display:block;object-fit:contain;width:51px;height:57px;border-radius:0;background:transparent;padding:0;flex-shrink:0}
.brand small{color:#cdc5bf;font-size:7px;letter-spacing:1.7px;margin-top:5px;white-space:nowrap}
.sidebar .brand{padding:0 5px;font-size:20px;font-weight:650;margin:0 0 44px;line-height:1.35}
.nav-label{color:#baafa7;font-size:11px;letter-spacing:0;padding:0 12px;margin-bottom:15px}
.nav-item{font-size:16px;color:#d3cbc6;font-weight:500;border-radius:7px;padding:15px 18px;gap:12px;margin-bottom:8px;min-height:53px}
.nav-item .icon{width:22px;height:22px}
.nav-item:hover{background:#4c2e33;color:#fff}
.nav-item.active{color:#f9f8f6;background:#56393e;font-weight:600}
.profile{margin-top:auto;border-color:#5a3f43;padding:19px 10px 0;gap:12px;min-height:64px;color:#f6f4f1}
.profile .avatar{width:42px;height:42px;color:#3a1a20;background:#aa9d93;font-size:19px;font-weight:500}
.profile small{color:#cdc5c0;font-size:11px;margin-top:4px}
.profile-arrow{color:#e4dcd1;width:16px;height:16px}
.main-wrap{margin-left:242px}
.topbar{height:76px;padding:0 36px;background:#fbfaf8;border-bottom:1px solid #efebe5}
.breadcrumb{font-size:13px;color:#88676c}
.breadcrumb span{color:#9e7e83;margin:0 18px}
.breadcrumb b{font-weight:600;color:#4a2a2f}
.top-actions{gap:24px;color:#3e1c22}
.top-actions .tag{display:none}
#workspace-date{font-size:12px;word-spacing:4px;white-space:nowrap}
.top-actions .text-btn{color:#4a2a2f;font-size:12px;padding:8px 0}
.mobile-brand{display:none}
main{max-width:1650px;padding:28px 36px 45px}
.page-heading{margin-bottom:25px}
.order-heading{position:relative;isolation:isolate;min-height:136px;height:136px;margin:0;overflow:hidden;align-items:center;gap:16px}
.heading-copy{position:relative;z-index:1;max-width:530px}
.order-heading h1{font-size:44px;font-weight:700;letter-spacing:.2px;line-height:1.2}
.order-heading .date-label{font-size:10px;font-weight:500;letter-spacing:2px;color:#785359;margin-bottom:7px}
.order-heading p{font-size:17px;color:#5a383e;margin-top:9px;line-height:1.5}
.order-heading .hero-art{position:absolute;z-index:-1;width:560px;height:214px;object-fit:contain;right:69px;top:-40px;pointer-events:none}
.heading-actions{position:relative;z-index:2;align-items:center;flex-direction:row;gap:8px;margin-left:auto}
.order-heading .primary{min-width:156px;min-height:50px;font-size:16px;padding:13px 20px;font-weight:500}
.order-heading .primary .icon{width:19px;height:19px}
.stats{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(218px,1.18fr);gap:14px;margin-bottom:24px}
.stat{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:24px auto;column-gap:12px;align-content:center;min-height:112px;padding:19px 20px;background:#fff;border:0;border-radius:10px;box-shadow:none}
.stat:first-child,.stat.featured{background:#3d1c21;border:0;color:#f7f5f2;display:grid}
.stat .stat-icon{grid-column:1;grid-row:1/3;padding-top:1px;color:#5e373e}
.stat .stat-icon .icon{width:27px;height:27px}
.stat p{grid-column:2;grid-row:1;font-size:13px;line-height:24px;color:#8d6b70;white-space:nowrap}
.stat .stat-value{grid-column:2;grid-row:2;display:flex;align-items:baseline;gap:7px;min-width:0}
.stat b{font-size:30px;font-weight:600;letter-spacing:-.5px;line-height:1.35;margin:5px 0 0;font-variant-numeric:tabular-nums}
.stat small{margin:0;font-size:12px;color:#957379}
.stat:first-child .stat-icon,.stat:first-child p{color:#d3ccc7}
.stat:first-child small{color:#c3b9b2}
.stat:last-child b{font-size:29px;white-space:nowrap;letter-spacing:-.7px}
.stat:last-child .stat-icon{grid-row:1}
.stat:last-child .stat-value{grid-column:1/-1;padding-left:2px}
.currency{font-size:19px;font-weight:500;letter-spacing:0;margin-right:6px}
.board{border:0;border-radius:11px;background:#fff;overflow:hidden;box-shadow:none}
.board-head{display:flex;align-items:center;gap:14px;padding:19px 24px 12px;border:0;min-height:76px}
.board-head h2{font-size:22px;font-weight:650;white-space:nowrap}
.board-head small{font-size:12px;margin-left:14px;color:#916e74;font-weight:400}
.board-search{display:flex;flex-direction:row;align-items:center;position:relative;width:min(440px,48%);margin-left:auto;font-weight:400}
.board-search>.icon{position:absolute;left:13px;top:13px;width:19px;height:19px;color:#916d73;pointer-events:none}
.board-search input{font-size:13px;padding:11px 12px 11px 40px;min-height:44px;background:#fff;border-color:#ebe5dd}
.refresh-button{width:28px;height:34px;flex-shrink:0;margin-left:-4px}
.refresh-button .icon{width:17px;height:17px}
.filters{padding:10px 24px 20px;justify-content:flex-end;gap:10px;align-items:center;min-height:72px}
.filters select,.filters input[type=date]{font-size:13px;min-height:42px;padding:9px 12px;width:145px;flex:0 1 145px;background:#fff}
.filters .admin-filter{width:130px;flex-basis:130px}
.filters input[type=date]{width:145px;flex-basis:145px;color:#97767b;font-size:12px}
.date-input{display:inline-flex;position:relative;flex:0 1 145px;width:145px;min-width:0;font-weight:400}
.date-input input[type=date]{width:100%;min-width:0;flex:1 1 auto}
.date-caption{display:none;position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#a4878c;pointer-events:none}
.date-input.is-empty .date-caption{display:block}
.date-input.is-empty input:not(:focus){color:transparent}
.date-input:focus-within .date-caption{display:none}
.date-range-separator{font-size:12px;color:#a78a8f;margin:0 -4px}
.filters .filter-submit{background:#f0ebe5;border:0;min-height:42px;padding:9px 17px;color:#684a4f;font-size:13px}
.filters .text-btn{padding:9px 0}
.mobile-filter-toggle{display:none}
table{table-layout:fixed}
th{font-size:14px;font-weight:500;letter-spacing:0;padding:13px 16px;color:#916e74;background:#f6f4f1;border-top:0;border-bottom:1px solid #f3f0ec;line-height:1.5}
td{font-size:14px;padding:14px 16px;border-color:#f1ede7;line-height:1.65;height:78px}
tbody tr:first-child{background:#f5f3ef}
tbody tr:hover{background:#f2efea}
.col-order{width:22%}.col-category{width:16%}.col-designer{width:9%}.col-deadline{width:13%}.col-price{width:10%}.col-counts{width:12%}.col-status{width:10%}.col-action{width:8%}
.order-link{font-family:inherit;font-size:14px;font-weight:700;line-height:1.65;color:#421c23;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.cell-title{font-size:16px;font-weight:600;color:#411d23;margin-bottom:1px;line-height:1.65}
.cell-sub{font-size:13px;color:#9a787e;line-height:1.65;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.company-name{color:#7d5f64}
.designer-cell{color:#745359;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.price-cell{color:#512f35;font-weight:500}
.counter-mini{color:#8c696f;font-size:12px;gap:7px;line-height:1.5}
.counter-mini b{color:#654248;font-weight:500;margin-left:1px}
.tag,.status{font-size:13px;font-weight:400;border-radius:6px;padding:5px 10px;line-height:1.6}
.status.ongoing{background:#ede8e1;color:#6a484e}
.status.done{background:#f2ede6;color:#8c5961}
.status.invalid{background:#f3efea;color:#8e6b71}
.status.stopped{background:#f7e9e5;color:#a06c62}
.urgent{font-size:10px;line-height:1.5;font-weight:400;border-radius:4px;background:#f9eae3;color:#b57862;padding:3px 6px;margin-left:5px;vertical-align:middle}
.table-action{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#643f45;padding:7px 0}
.table-action .icon{width:16px;height:16px}
.pager{font-size:12px;color:#8f6c72;min-height:62px;padding:16px 24px;border-top:1px solid #f1ede7}
.pager button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-color:#ebe5dd;background:#fefdfc;color:#98777c}
.pager button .icon{width:16px;height:16px}
.pager button:disabled{opacity:.45}
.footer-hint{padding:15px 3px;font-size:9px;color:#a08086}
.empty{color:#9a797f}.empty .empty-icon{color:#b2a69d}.empty .empty-icon .icon{width:39px;height:39px}.empty h3{color:#674148}
.admin-tabs .active{background:#532f35}
.admin-tabs button{font-size:13px}
.config-card{border-color:#eae4db;border-radius:10px}
.config-card .actions button{color:#6a4249}
.notice{color:#7b5c61;background:#f5f2ee;border-color:#eae4db}
.notice.warn{color:#8f754e;background:#faf4e8;border-color:#eae0c8}
.notice.error{color:#9f655c;background:#faeeeb;border-color:#ecd9d2}
.config-card p,.provider-grid code{color:#87656b}
.toast{background:#4a272d;box-shadow:0 8px 28px #3f1d2226}
dialog{background:#f4f1ec;border-radius:13px}
dialog::backdrop{background:#3d1c2278;backdrop-filter:blur(3px)}
.modal-head h2{font-size:21px;color:#441e24}
.modal-head p{color:#9b7a80}
.close-btn .icon{width:17px;height:17px}
.modal-head,.modal-foot{background:#fdfcfb;border-color:#e9e3db}
.modal-body{color:#552d34}
.form-section{color:#76555a;border-color:#e5ded4}
.drop-zone{background:#fcfbf9;border-color:#c5bcb6}
.drop-zone.dragging{background:#efeae4;outline-color:#a18388}
.drop-title span{color:#7b5a60}
.file-chip{color:#6b4a50;background:#f1ede7;border-color:#e7e0d6}
.file-chip.pending{color:#927e5a;background:#f4efe3;border-color:#e7dec9}
.detail-grid,.detail-counters div{border-color:#e9e3db}
.detail-counters b{color:#60383f}
.timeline,.detail-grid dt{color:#9a7a7f}
.rich-toolbar{background:#f4f2ee;border-color:#e9e3db}
.rich-toolbar button{display:inline-flex;align-items:center;justify-content:center;border-color:#e5ddd3;color:#715156}
.rich-toolbar .icon{width:17px;height:17px}
.rule-part{border-color:#e8e2da}
.rule-part .icon{width:16px;height:16px}
.rule-part button[data-action=rule-up] .icon,.rule-part button[data-action=rule-down] .icon{transform:rotate(90deg)}
.file-chip button .icon{width:14px;height:14px}
.check-row input{accent-color:#6d484e}
.login-story{background:var(--navy);padding:45px 9%;overflow:hidden}
.login-story .brand-mark{background:transparent}
.login-story .brand small{color:#cac1bb}
.login-story .eyebrow{color:#b9aea7}
.login-story p{color:#ccc4be}
.login-story h1{font-weight:600}
.login-intro{position:relative;padding-top:40px}
.login-robot{display:block;width:calc(100% + 60px);margin:22px -30px 0;max-height:220px;object-fit:contain}
.login-pane{background:#f5f2ee}
.login-pane .eyebrow{color:#937076}
.story-foot{color:#ab9e95}
@media(min-width:1500px){main{padding-top:28px}.stats{gap:16px}.stat{padding:20px 22px}.stat b{font-size:32px}}
@media(min-width:1001px) and (max-width:1250px){
 .sidebar{width:218px}.main-wrap{margin-left:218px}.sidebar .brand{font-size:17px;gap:7px}.brand-mark{width:43px;height:49px}.brand small{font-size:6px;letter-spacing:1.4px}
 .topbar{padding:0 24px}main{padding-left:24px;padding-right:24px}
 .stats{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(180px,1.2fr);gap:9px}
 .stat{grid-template-columns:22px minmax(0,1fr);column-gap:7px;padding:16px 13px}.stat .stat-icon .icon{width:23px;height:23px}.stat p{font-size:11px}.stat b{font-size:27px}.stat:last-child b{font-size:25px}.currency{font-size:15px;margin-right:3px}
 .order-heading h1{font-size:39px}.order-heading p{font-size:15px}.order-heading .hero-art{right:65px;width:400px;height:160px;top:2px}.order-heading .primary{min-width:136px;font-size:14px}
 .board-head{padding-left:18px;padding-right:18px}.board-head h2{font-size:20px}.board-head small{font-size:10px;margin-left:8px}.board-search{width:44%}
 .filters{padding-left:18px;padding-right:18px;gap:8px}.filters select,.filters input[type=date]{width:125px;flex-basis:125px;font-size:11px}
 .date-input{width:125px;flex-basis:125px}
 th,td{padding-left:11px;padding-right:11px;font-size:11px}.cell-title{font-size:12px}.order-link{font-size:10px}.cell-sub{font-size:10px}.counter-mini{font-size:10px;gap:4px}.status{font-size:11px;padding:4px 7px}.table-action{font-size:11px;gap:3px}
}
@media(max-width:1000px){
 .sidebar{display:none}.main-wrap{margin-left:0}
 .topbar{height:64px;padding:0 18px;background:#fbf9f7;gap:12px}.breadcrumb{display:none}
 .mobile-brand{display:flex;align-items:center;gap:7px;padding:0;text-align:left;font-size:15px;font-weight:600;color:#421e24;line-height:1.3}
 .mobile-brand img{width:34px;height:39px;object-fit:contain}.mobile-brand small{display:block;font-size:6px;letter-spacing:1px;color:#9e7e83;font-weight:400;margin-top:3px}
 .top-actions{gap:10px;margin-left:auto}.top-actions .text-btn{font-size:11px;padding:10px 0;min-height:44px}#workspace-date{display:none}
 main{padding:16px 16px 112px}
 .order-heading{height:118px;min-height:118px;align-items:flex-start;padding-top:9px;margin:0}
 .heading-copy{max-width:72%}.order-heading h1{font-size:31px;line-height:1.25;letter-spacing:0}
 .order-heading .date-label{font-size:8px;letter-spacing:1.5px;margin-bottom:5px}
 .order-heading p{font-size:12px;line-height:1.6;margin-top:7px;max-width:230px}
 .order-heading .hero-art{width:255px;height:98px;right:-40px;top:-1px;opacity:.95}
 .heading-actions{margin-left:auto;align-self:center}.heading-actions .primary{display:none}.heading-actions .secondary{font-size:11px;padding:8px 10px;min-height:34px}.heading-actions .secondary .icon{width:14px;height:14px}
 .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}
 .stat,.stat:first-child,.stat.featured{min-height:84px;padding:12px 13px;grid-template-columns:minmax(0,1fr);grid-template-rows:20px auto;column-gap:0;display:grid;border-radius:8px;align-content:center}
 .stat p{grid-column:1;grid-row:1;font-size:10px;line-height:20px;white-space:nowrap}
 .stat .stat-value{grid-column:1;grid-row:2;gap:5px}
 .stat:last-child .stat-value{grid-column:1;padding-left:0}
 .stat .stat-icon{display:none}
 .stat b,.stat:first-child b{font-size:25px;margin:3px 0 0;line-height:1.2}
 .stat small,.stat:first-child small{font-size:10px;margin:0}
 .stat:last-child{grid-column:span 2}.stat:last-child b{font-size:25px!important}.currency{font-size:15px;margin-right:4px}
 .board{border-radius:10px}
 .board-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:12px 15px 0;min-height:108px}
 .board-head h2{font-size:17px;grid-column:1;grid-row:1;white-space:normal;line-height:1.5}
 .board-head small{font-size:10px;margin-left:8px}
 .board-search{width:100%;margin-left:0;grid-column:1/-1;grid-row:2;min-width:0}
 .board-search input{font-size:12px;min-height:44px;padding:10px 12px 10px 34px}
 .board-search>.icon{left:11px;top:12px;width:16px;height:16px}
 .refresh-button{grid-column:2;grid-row:1;width:44px;height:44px;margin:0}.refresh-button .icon{width:16px;height:16px}
 .filters{padding:12px 15px 14px;gap:7px;justify-content:flex-start;min-height:62px}
 .filters select,.filters input[type=date]{width:auto;flex:1 1 28%;min-width:0;font-size:11px;min-height:44px;padding:8px 7px}
 .filters .advanced-filter{display:none}
 .filters.is-expanded .advanced-filter{display:block}
 .filters.is-expanded input[type=date]{flex-basis:42%;order:5;min-width:0}
 .date-input{flex:1 1 42%;width:auto;order:5;min-width:0}.date-input input[type=date]{width:100%;min-width:0;flex-basis:auto}
 .filters.is-expanded .date-range-separator{display:none}
 .filters .filter-submit{font-size:11px;min-height:44px;min-width:44px;padding:8px 10px;flex:0 0 auto}
 .mobile-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:2px;font-size:10px;min-height:44px;min-width:44px;padding:8px 0!important;flex:0 0 auto;color:#98777c}
 .mobile-filter-toggle .icon{width:12px;height:12px;transition:transform .16s}
 .is-expanded .mobile-filter-toggle .icon{transform:rotate(180deg)}
 .filters .text-btn{font-size:10px}
 .table-wrap{display:none}.mobile-cards{display:block}
 .order-card{padding:16px 15px;background:#fff;border-top:1px solid #f0ebe5}
 .order-card:first-child{background:#f5f3ef}.order-card:hover{background:#f2efea}
 .card-top{margin-bottom:9px;gap:10px}.card-top .order-link{font-size:10px;color:#6d434a;white-space:normal;max-width:70%;line-height:1.5}
 .card-top .status{font-size:10px;padding:3px 7px}
 .card-company{font-size:15px;font-weight:600;line-height:1.7;margin-bottom:5px;color:#411b22}
 .card-category{font-size:11px;color:#9b7b80;line-height:1.8}
 .card-bottom{margin-top:12px;gap:10px;align-items:center}
 .card-bottom .price{font-size:18px;font-weight:600;color:#542c33;line-height:1.3}
 .counter-mini{font-size:10px;gap:9px}
 .card-deadline{font-size:10px;margin-top:10px;color:#9c7c81;display:flex;align-items:center;justify-content:space-between}
 .card-arrow .icon{width:15px;height:15px;color:#88666c}
 .pager{padding:12px 15px;min-height:58px;font-size:10px}.pager div{gap:9px}
 .footer-hint{font-size:8px;color:#a6888d;line-height:1.8}
 .mobile-nav{background:#fcfbf9ed;border-color:#e7e0d6;padding:9px 16px max(10px,env(safe-area-inset-bottom));gap:12px}
 .mobile-nav button{font-size:10px;color:#957278;gap:5px;min-height:44px;flex:1}
 .mobile-nav button>.icon{width:23px;height:23px;font-size:inherit;line-height:normal}
 .mobile-nav .mobile-create{color:#512a31}
 .mobile-nav .mobile-plus{width:32px;height:27px;display:flex;align-items:center;justify-content:center;background:#5c3c41;color:#f5f3ef;border-radius:7px;line-height:1}
 .mobile-nav .mobile-create .mobile-plus .icon{background:currentColor;width:19px;height:19px;border-radius:0}
 .admin-tabs{gap:5px}.admin-tabs button{font-size:11px;padding:9px 11px}
 .page-heading:not(.order-heading){margin-bottom:19px;align-items:center}.page-heading:not(.order-heading) h1{font-size:25px}.page-heading:not(.order-heading) p{font-size:11px;line-height:1.8;max-width:230px}
 .page-heading:not(.order-heading)>.primary{font-size:11px;min-height:37px;padding:9px 11px}
 dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
 .modal-head{padding:18px}.modal-head h2{font-size:18px}.modal-body{padding:22px 18px}.modal-foot{padding:14px 18px max(14px,env(safe-area-inset-bottom))}
 .primary,.secondary,.danger{font-size:13px;min-height:44px}
 .modal-foot>.primary,.modal-foot>.secondary{flex:1;min-width:0}
 .status-controls .secondary{min-height:35px;font-size:11px;padding:7px 10px}
 .detail-counters div{font-size:10px}.detail-grid dd{font-size:12px}
 .form-grid input,.form-grid select,.form-grid textarea{font-size:16px}
 .login-story{padding:24px 26px 28px}.login-story .brand{font-size:18px}.login-story .brand-mark{width:45px;height:50px}.login-story .brand small{font-size:7px}
 .login-intro{padding-top:8px}.login-story h1{font-size:29px;margin:15px 0 9px}.login-story p{font-size:11px;line-height:1.8}.login-robot{position:absolute;width:240px;height:110px;right:-56px;bottom:-19px;margin:0;opacity:.8}.login-story h1,.login-story p{position:relative;z-index:1;max-width:240px}
 .login-pane{padding:28px 26px 44px}.login-pane h2{font-size:24px}.login-pane .primary{font-size:14px}
}
@media(max-width:360px){
 main{padding-left:12px;padding-right:12px}.order-heading h1{font-size:29px}.order-heading p{font-size:11px;max-width:200px}.order-heading .hero-art{right:-54px;width:230px}
 .stat{padding-left:11px;padding-right:11px}.stat p{font-size:9px}.stat:last-child b{font-size:23px!important}
 .filters{gap:5px;padding-left:12px;padding-right:12px}.filters select{font-size:10px;padding-left:5px;padding-right:5px}.mobile-filter-toggle{font-size:9px}
}
@media(prefers-reduced-motion:reduce){button,.mobile-filter-toggle .icon{transition:none!important}}
.mailbox-summary{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #e8e2da;border-radius:12px;background:linear-gradient(110deg,#f2eee9,#fbfaf9)}
.mailbox-symbol{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:#e6dfd6;color:#68474d}
.mailbox-symbol .icon{width:25px;height:25px}.mailbox-summary h3{font-size:17px;font-weight:600;overflow-wrap:anywhere}.mailbox-summary p{font-size:11px;color:#936f75;line-height:1.8;margin-top:5px}.mailbox-summary .tag{margin-left:auto}.mailbox-verified{background:#eae5dd;color:#694148}
.mailbox-form{margin-top:25px}.mailbox-fields{border:0;padding:0;margin:0;min-width:0}.mailbox-fields .subtle{line-height:1.8}.mailbox-fields label{font-weight:500}.mailbox-advanced{border:1px solid #e8e2da;border-radius:9px;background:#fff}.mailbox-advanced summary{padding:15px 17px;cursor:pointer;color:#5e3c42;font-size:12px;font-weight:500}.mailbox-advanced summary span{color:#a99b91;font-size:10px;margin-left:9px}.mailbox-advanced>.form-grid{padding:4px 17px 18px}.mailbox-advanced input[readonly]{background:#f6f3f0;color:#916d73}.mailbox-connection{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #e8e2da}.mailbox-connection h3{font-size:13px;font-weight:600;margin-bottom:6px}.mailbox-connection p{font-size:11px;line-height:1.8;color:#957379;overflow-wrap:anywhere}.mailbox-connection .secondary{flex-shrink:0;font-size:12px}.mailbox-note{margin-top:14px;line-height:1.9}.mailbox-unbind{padding:18px 0 0;color:#9b7065}.profile-mailbox{display:flex;align-items:center;text-align:left;gap:14px;width:100%;padding:20px;border:1px solid #e8e2da;border-radius:10px;background:#fff;margin-top:25px}.profile-mailbox b{font-size:14px;font-weight:600}.profile-mailbox small{display:block;margin-top:6px;line-height:1.8;overflow-wrap:anywhere}.profile-mailbox>.icon{margin-left:auto;flex-shrink:0;width:17px;height:17px}.compose-mailbox{justify-self:end;padding:0 0 9px}
@media(max-width:1000px){.mailbox-summary{padding:16px;gap:12px;flex-wrap:wrap}.mailbox-summary>div{flex:1;min-width:0}.mailbox-summary h3{font-size:15px}.mailbox-summary p{font-size:10px}.mailbox-summary .tag{margin-left:60px;font-size:10px}.mailbox-fields>label,.mailbox-fields>.form-grid>label,.mailbox-advanced label{grid-column:1/-1}.mailbox-form{margin-top:22px}.mailbox-summary .mailbox-symbol{width:42px;height:42px;flex-basis:42px}.mailbox-connection{gap:12px}.mailbox-connection .secondary{padding:10px 12px;font-size:11px}.mailbox-advanced>.form-grid{padding:4px 14px 16px}.profile-mailbox{padding:15px;gap:10px}.profile-mailbox small{font-size:10px}.mailbox-note{font-size:10px}}
@media(max-width:1000px){.mailbox-summary{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;row-gap:8px}.mailbox-summary .mailbox-symbol{grid-row:1/3}.mailbox-summary .tag{grid-column:2;justify-self:start;margin:0}}
.auth-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;color:#7b5d62;font-size:12px;padding:17px 0 8px;min-height:44px}.auth-switch:hover{color:#522b31}.registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.registration-grid label{min-width:0}.login-pane:has(#register-form:not([hidden])){padding-top:32px;padding-bottom:32px}.login-pane #register-form{width:410px}.login-pane #register-form label{margin-top:18px}.login-pane #register-error{min-height:20px;margin-top:12px}.login-pane #register-form>.muted{font-size:12px;line-height:1.8}.invitation-preview{text-align:center;max-width:560px;margin:8px auto}.invitation-preview>.mailbox-symbol{margin:auto auto 18px}.invitation-preview h3{font-size:19px;font-weight:600;margin-bottom:12px}.invitation-preview p{font-size:12px;color:#99777d;line-height:1.9}.invitation-preview label{text-align:left;margin:22px 0 14px}.invitation-preview input{font-family:ui-monospace,Consolas,monospace;color:#613a41;font-size:17px;letter-spacing:.5px;background:#fff}.invitation-card code{font-size:13px;letter-spacing:.3px;color:#60383f;overflow-wrap:anywhere}.invitation-card h3{line-height:1.9}.invitation-card .tag{margin-left:6px}.invitation-intro{margin-bottom:22px}
@media(max-width:1000px){.registration-grid{grid-template-columns:1fr;gap:0}.login-pane #register-form label{margin-top:16px}.invitation-card{align-items:flex-start;flex-direction:column;gap:12px;padding:17px}.invitation-card code{font-size:11px}.invitation-card .actions{align-self:flex-end}.invitation-preview input{font-size:13px}.invitation-preview h3{font-size:17px}}
.price-list{margin-top:22px}.configured-price{font-size:16px;font-weight:600;color:#5e393f}.subject-rule-preview{margin:12px 0 18px;padding:14px 16px;border:1px solid #e6dfd5;background:#f5f2ee;border-radius:8px;color:#5f383e;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.mailbox-help{border:1px solid #e7e0d7;border-radius:9px;background:#faf9f7;color:#6e4c52}.mailbox-help>summary{padding:14px 16px;cursor:pointer;font-size:12px;font-weight:500}.mailbox-help>div{padding:0 16px 17px;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.mailbox-help h4{font-size:13px;font-weight:600;color:#623b42;margin:18px 0 9px}.mailbox-help ol{padding-left:21px;margin:8px 0 15px}.mailbox-help li{margin:6px 0}.mailbox-help a{color:#73434b;text-underline-offset:3px}.mailbox-help-definition{padding:13px;background:#f4f1ed;border-radius:7px}.mailbox-help-server{font-size:11px;margin-bottom:10px;color:#9b7a80}.mailbox-help-trouble{margin:17px 0 12px;padding-top:14px;border-top:1px solid #e8e2da}.other-mail-guides{margin:12px 0 16px}.other-mail-guides>summary{cursor:pointer;font-size:11px;color:#89676d}.mailbox-help .subtle{line-height:1.8}
@media(max-width:1000px){.configured-price{font-size:14px}.mailbox-help>summary{padding:14px;font-size:11px}.mailbox-help>div{padding:0 14px 16px;font-size:11px}.mailbox-help h4{font-size:12px}.mailbox-help-server{font-size:10px}.price-list .config-card{padding:17px;gap:12px}.price-list .secondary{padding:8px 11px;font-size:11px}.subject-rule-preview{font-size:11px;padding:12px}}
/* Local mail helper setup and connection are distinct from mailbox authentication. */
.mail-helper{border:1px solid var(--line,#e7e0d6);border-radius:16px;background:#f9f7f5;padding:22px;color:#65474c}
.mail-helper-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mail-helper h3{margin:0;font-size:17px;color:#4a2a30}
.mail-helper p,.mail-helper li{line-height:1.85;font-size:13px}
.mail-helper ol{padding-left:22px;margin:14px 0}
.mail-helper-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.mail-helper .notice{margin:12px 0;overflow-wrap:anywhere}
@media(max-width:600px){.mail-helper{padding:16px}.mail-helper-heading{align-items:flex-start;flex-wrap:wrap}.mail-helper-actions{display:grid;grid-template-columns:1fr}.mail-helper li b{overflow-wrap:anywhere}}
.order-progress-state{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;white-space:nowrap}
.order-progress-state>small{font-size:10px;color:#a3868b;line-height:1.5;font-weight:400}
.progress-tag{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;padding:5px 11px;border-radius:7px;white-space:nowrap;background:#f4f1ec;color:#8d6a70}
.progress-tag.sent{background:#f2eee9;color:#70484e}.progress-tag.working{background:#ede8e2;color:#654449}.progress-tag.returned{background:#eee9f3;color:#88676c}.progress-tag.revision{background:#f8eddf;color:#9a7141}.progress-tag.confirm{background:#f4e8e8;color:#89686d}
.order-progress{padding:20px;border:1px solid #e9e3da;border-radius:12px;background:#faf8f6;margin:16px 0 18px}
.progress-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.progress-eyebrow{font-size:11px;color:#a08086}.progress-heading h3{margin:8px 0}.progress-heading h3 .progress-tag{font-size:17px;padding:6px 12px}.progress-heading p{font-size:10px;line-height:1.8}
.progress-controls{display:flex;align-items:flex-end;gap:10px}.progress-controls label{display:grid;gap:7px;font-size:11px;color:#98767c}.progress-controls select{min-width:145px;min-height:42px;font-size:13px;background:#fff;padding:9px 13px}.progress-controls button{min-height:42px;font-size:12px;white-space:nowrap}
.progress-stages{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:18px 0 14px}.progress-stages li{font-size:11px;padding:6px 11px;border:1px solid #ece7df;border-radius:20px;color:#a28489;background:#fff}.progress-stages li.current{border-color:#b3a79e;background:#efebe5;color:#644248;font-weight:600}.order-progress>.subtle{font-size:11px;line-height:1.9}
.progress-history{border-top:1px solid #ebe6de;margin-top:17px;padding-top:12px}.progress-history summary{cursor:pointer;color:#85656a;font-size:11px}.progress-history ol{list-style:none;margin:12px 0 0;padding:0 0 0 10px;border-left:1px solid #e6dfd5}.progress-history li{font-size:12px;padding:3px 0 12px 13px}.progress-history li:last-child{padding-bottom:0}.progress-history small{display:block;margin-top:5px;font-size:10px;color:#a5878c;line-height:1.7}
@media(max-width:1000px){.progress-tag{font-size:10px;padding:4px 8px}.order-progress-state{gap:3px}.order-progress-state>small{font-size:9px}.order-progress{padding:16px}.progress-heading{align-items:flex-start;flex-direction:column;gap:14px}.progress-controls{width:100%}.progress-controls label{flex:1;min-width:0}.progress-controls select{min-width:0;width:100%;font-size:16px}.progress-controls button{min-height:44px}.progress-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.progress-stages li{text-align:center;font-size:10px;padding:7px 3px}.order-progress>.subtle{font-size:10px}.card-top .order-progress-state{align-items:flex-end}}
/* Order conversation stays outside the three-column counter grid. */
.detail-counters{margin:16px 0 22px}.detail-counters>div{min-width:0}.mail-thread{width:100%;min-width:0}.thread-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.thread-heading h3{margin:0;gap:14px}.thread-heading small,.detail-order-hint{font-size:11px;font-weight:400;color:#a5878c}.mail-thread .mail{width:100%;min-width:0}.mail-thread .mail-top{border:0;padding:0;background:none}.mail-thread .mail-meta{padding:0;border:0;background:none}.mail-thread .mail-body{border:0;border-top:1px solid #f0ece6;border-radius:0;padding:12px 0 0;max-height:520px}.mail-actions{display:flex;justify-content:flex-end;margin-top:14px}.mail-actions button{font-size:12px;min-height:38px}.attachment-download{cursor:pointer;text-align:left;min-height:38px}.attachment-download:hover{background:#eae5dd}.reply-context{background:#f1ede7;border:1px solid #e4ddd3;border-radius:10px;padding:16px 18px;margin-bottom:22px}.reply-context h3{font-size:13px;margin:0 0 9px}.reply-context p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#89686d;margin:0 0 8px}.order-information>summary{cursor:pointer;color:#76575c;font-size:13px;padding:15px 0;border-top:1px solid #e8e2d9}.order-information .timeline{padding:12px;background:#fff;border-radius:8px}.detail-heading{margin-bottom:4px}.detail-heading h3{max-width:none;overflow-wrap:anywhere}.detail-heading .detail-order-hint{white-space:nowrap}
@media(max-width:1000px){.thread-heading{align-items:flex-start;gap:8px}.thread-heading h3{display:block;font-size:14px}.thread-heading small{display:block;margin-top:6px;font-size:10px}.thread-heading button{font-size:11px;white-space:nowrap}.detail-heading .detail-order-hint{display:none}.mail-thread .mail{padding:16px}.mail-thread .mail-top{align-items:flex-start}.mail-top time{text-align:right}.mail-actions button{width:100%;min-height:44px}.reply-context{padding:14px}.modal-foot button{flex:1;white-space:nowrap}.mail-thread .file-chips{gap:6px}.attachment-download{max-width:100%;min-height:44px}}
.order-progress .progress-heading h3{margin:5px 0}.order-progress .progress-heading p{margin:0}.order-progress>.subtle{margin:10px 0 0}.order-progress{padding:16px 18px}.detail-counters{margin-bottom:16px}
.attachment-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;min-width:0}.attachment-feedback{font-size:11px;line-height:1.8;color:#926f75;max-width:100%;overflow-wrap:anywhere}.attachment-feedback:empty{display:none}.attachment-save{display:inline-flex;margin-left:10px;border-radius:6px;background:#eae5dd;color:#58373c;padding:5px 11px;font-weight:600;text-decoration:underline;min-height:32px;align-items:center}.attachment-save:hover{background:#e1d9cd}.attachment-feedback .error{color:#a25c50}#modal>.toast{z-index:10;bottom:90px;max-width:min(85vw,680px)}@media(max-width:1000px){.attachment-save{margin:6px 0 0;min-height:44px;display:flex;width:max-content}.attachment-feedback{font-size:11px}#modal>.toast{bottom:95px}}
.rich-wrap.dragging{outline:2px solid #99777d;outline-offset:2px;box-shadow:0 0 0 5px #aa9d932b}.rich-wrap.dragging .rich-editor{background:#f6f4f0}.rich-attachment-hint{padding:11px 17px;border-top:1px solid #ebe6de;background:#f9f7f4;color:#97747a;font-size:11px;line-height:1.8}.editor-attachment-status{margin:7px 0 0;color:#69484d;font-size:12px;overflow-wrap:anywhere}.editor-attachment-status[hidden]{display:none}@media(max-width:1000px){.rich-attachment-hint{padding:10px 14px;font-size:10px}.editor-attachment-status{font-size:11px}}
.editor-attachment-count{margin-left:auto;align-self:center;font-size:11px;line-height:1.6;color:#6a4b50;padding:0 8px;white-space:nowrap}.editor-attachment-count[hidden]{display:none}
/* Reconciliation and prominent workflow badges. */
.progress-tag,.status{font-size:13px;font-weight:700;min-height:35px;padding:7px 12px;border:1px solid #d6cfca;border-left-width:4px;gap:7px;line-height:1.4}.progress-tag::before,.status::before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%;flex:0 0 6px}.progress-tag.queued{background:#f3f0ec;color:#63464b;border-color:#ccc3bd}.progress-tag.sent{background:#eee9e2;color:#64373e;border-color:#baafa7}.progress-tag.working{background:#ebe6de;color:#572e35;border-color:#ada097}.progress-tag.returned{background:#ebe2f1;color:#67447c;border-color:#bea4cd}.progress-tag.revision{background:#f8e8ce;color:#805217;border-color:#d6b47d}.progress-tag.confirm{background:#f4dfe3;color:#873e4e;border-color:#cba1ab}.status.done{background:#ebe5dd;color:#5e323a;border-color:#b4a89f}.status.invalid{background:#f1dddd;color:#873f3f;border-color:#cba1a1}.status.stopped{background:#e9e2ed;color:#6e5357;border-color:#bdb2ab}.status.ongoing{background:#ede8e0;color:#5a383e;border-color:#bcb1a9}.order-progress-state>small{font-size:10px;color:#937076}.internal-order-no{font-size:9px;max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 3px;color:#a79a90}.number-origin{font-size:10px;color:#9a7a7f;display:block;margin-top:4px}.statistics-heading{align-items:center}.statistics-heading p{max-width:none}.statistics-metrics .stat{min-width:0}.statistics-metrics .stat b{font-size:clamp(20px,2.1vw,29px)}.statistics-caption{display:block;font-size:10px;color:#a08086;margin-top:8px}.statistics-metrics .featured .statistics-caption{color:#c8c0ba}.statistics-panel{background:#fff;border:1px solid #ebe5dd;border-radius:13px;margin-bottom:22px;overflow:hidden}.statistics-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px}.statistics-filters label{min-width:0;display:grid;gap:8px;font-size:12px;color:#76575c}.statistics-filters .statistics-search{grid-column:span 2}.statistics-filters input,.statistics-filters select{width:100%;min-width:0;min-height:43px;font-size:13px}.statistics-filter-actions{display:flex;align-items:flex-end;gap:10px}.statistics-scope{padding:0 24px 20px;font-size:11px;color:#a18287;line-height:1.9}.statistics-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #f0ebe5}.statistics-panel h2{font-size:17px}.statistics-group-tabs{display:flex;gap:7px}.statistics-group-tabs button{font-size:12px;padding:8px 13px;border-radius:7px;color:#8f6c72}.statistics-group-tabs .active{background:#eae5dd;color:#5d363c;font-weight:600}.statistics-group-table small{display:block;font-size:10px;color:#9e7e83;margin-top:5px}.statistics-group-table th,.statistics-group-table td{padding:16px 24px}.statistics-group-cards{display:none}.statistics-empty{padding:32px;text-align:center;font-size:13px;color:#9d7e83}.statistics-detail-note{font-size:11px;color:#a18287}.statistics-detail table{table-layout:auto}.statistics-detail .order-link{max-width:220px;overflow:hidden;text-overflow:ellipsis}.numbering-settings{padding:26px;max-width:840px}.numbering-settings form{display:grid;gap:20px;margin:24px 0}.numbering-settings label{display:grid;gap:9px;font-size:13px;max-width:220px}.numbering-settings input{text-transform:uppercase;font-family:Consolas,monospace;font-weight:700;letter-spacing:3px}.numbering-example{background:#f4f2ee;border:1px solid #e5ddd3;border-radius:10px;padding:20px}.numbering-example span{display:block;font-size:11px;color:#937076;margin-bottom:9px}.numbering-example strong{font-size:24px;font-family:Consolas,monospace;color:#58373c;overflow-wrap:anywhere}.numbering-example p{font-size:12px;line-height:1.8;margin-top:12px;color:#937076}.numbering-settings .statistics-scope{padding:0}.numbering-settings button[type=submit]{justify-self:start}.statistics-detail .cell-sub{max-width:240px;overflow-wrap:anywhere}
@media(max-width:1100px){.statistics-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.statistics-panel-heading{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:1000px){.progress-tag,.status{font-size:12px;min-height:32px;padding:6px 9px;gap:5px}.progress-tag::before,.status::before{width:5px;height:5px;flex-basis:5px}.statistics-heading{align-items:flex-start;gap:15px}.statistics-heading h1{font-size:26px}.statistics-heading p{font-size:11px;line-height:1.9}.statistics-heading>.primary{display:inline-flex;min-height:43px;padding:9px 13px;font-size:11px;white-space:nowrap}.statistics-metrics .stat b{font-size:23px}.statistics-caption{font-size:9px}.statistics-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:14px 10px}.statistics-filters input,.statistics-filters select{font-size:16px}.statistics-scope{padding:0 18px 17px;font-size:10px}.statistics-panel-heading{padding:18px}.statistics-group-tabs{gap:4px;flex-wrap:wrap}.statistics-group-tabs button{font-size:11px;padding:8px 10px}.statistics-group-cards{display:block}.statistics-group-cards article{padding:18px;border-bottom:1px solid #efebe5}.statistics-group-cards article:last-child{border:0}.statistics-group-cards header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.statistics-group-cards header>small{font-size:10px;color:#9e7e83}.statistics-group-cards header>strong{margin-left:auto;color:#59373d;font-size:16px}.statistics-group-cards dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.statistics-group-cards dt{font-size:10px;color:#9b7a80}.statistics-group-cards dd{font-size:12px;margin:6px 0 0;color:#5d4045}.statistics-detail-note{display:none}.numbering-settings{padding:20px}.numbering-example{padding:16px}.numbering-example strong{font-size:22px}.statistics-detail .order-card .order-link{max-width:none}.mobile-nav button{min-width:50px}.numbering-settings .statistics-scope{font-size:11px}}
@media(max-width:430px){.statistics-heading{flex-direction:column}.statistics-filters{grid-template-columns:1fr 1fr}.statistics-filter-actions{grid-column:1/-1}.statistics-filter-actions button{flex:1}}
.statistics-metrics .stat,.statistics-metrics .stat:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:136px}
.statistics-metrics .stat p{line-height:1.6;font-size:12px;white-space:normal}
.statistics-metrics .stat .stat-value{padding:0;display:block;width:100%}
.statistics-metrics .stat b,.statistics-metrics .stat:last-child b{font-size:clamp(18px,2vw,28px);white-space:nowrap;letter-spacing:-.5px;display:block;margin:10px 0 0}
.statistics-metrics .statistics-caption{line-height:1.6;margin-top:7px}
@media(max-width:1000px){.statistics-metrics .stat,.statistics-metrics .stat:first-child{min-height:110px;padding:13px 12px}.statistics-metrics .stat p{font-size:10px}.statistics-metrics .stat b,.statistics-metrics .stat:last-child b{font-size:21px!important;margin-top:7px}.statistics-metrics .statistics-caption{font-size:9px}}
@media(max-width:600px){.statistics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-metrics .stat:last-child{grid-column:span 2}}