:root{--accent:#ff6b00;--accent-hover:#f06000;--accent-soft:#fff0e5;--paper:#f5f5f5;--card:#fff;--ink:#202020;--muted:#6c6c6c;--line:#e8e8e8;--red:#b52e28;--amber:#94600d;--green:#22764a;font-family:Arial,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button{transition:background .15s,border-color .15s}button:hover:not(:disabled){filter:brightness(.98)}button:active:not(:disabled){filter:brightness(.94)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b74700;outline-offset:3px}a{color:#a33f00}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:650;letter-spacing:-.65px;line-height:1.25}h2{font-size:17px;font-weight:600;line-height:1.3}h3{font-size:15px;font-weight:600;line-height:1.4}small,.small{font-size:12px}.muted,.subtitle{color:var(--muted)}.subtitle{margin-top:8px;line-height:1.5}.plain{border:0;background:none;padding:0;text-align:left}.sidebar{position:fixed;inset:0 auto 0 0;width:216px;background:#fff;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;z-index:10}.brand{font-size:30px;font-weight:750;letter-spacing:-1.2px;margin:0 14px}.brand span,.mobile-brand span{color:var(--accent)}.brand-sub{font-size:12px;color:var(--muted);margin:2px 14px 26px}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:12px;border:0;background:none;min-height:44px;padding:10px 12px;text-align:left;border-radius:10px;font-size:13px;color:#555}.nav button.active{background:var(--accent-soft);color:#a84000;font-weight:600}.nav button:hover{background:#f6f6f6}.nav button.active:hover{background:var(--accent-soft)}.count{margin-left:auto;border-radius:6px;background:#fff;padding:1px 7px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:30px}.profile-button{border:0;background:none;display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border-radius:10px;text-align:left}.profile-button>svg{margin-left:auto;width:16px}.profile-button small{display:block;color:var(--muted);font-size:11px}.profile-button:hover{background:#f5f5f5}.demo-switch{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:0;background:#f5f5f5;border-radius:8px;color:var(--muted);font-size:11px;margin-top:10px}.demo-switch svg{width:14px;height:14px}.layout{margin-left:216px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;background:var(--card);border-bottom:1px solid var(--line)}.crumb{font-size:12px;color:var(--muted);white-space:nowrap}.crumb span{margin:0 8px;color:#b9b9b9}.top-controls{display:flex;align-items:center;gap:12px}.global-search{display:flex;align-items:center;position:relative}.global-search svg{position:absolute;left:12px;width:17px;color:#777}.global-search input{width:180px;padding-left:38px;background:#f5f5f5;border:0}.top-controls select{background:#f5f5f5;border:0;font-size:12px;max-width:155px}.icon-btn,.btn.icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:none;border-radius:10px;padding:10px}.icon-btn:hover,.btn.icon:hover{background:#f4f4f4}.bell{position:relative}.bell i{position:absolute;top:10px;right:10px;width:7px;height:7px;background:var(--accent);border-radius:50%;border:1px solid white}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#f0edea;color:#706250;font-size:12px;font-weight:600;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:84px;height:84px;font-size:26px}.avatar-button{border-radius:50%}.avatar-button .avatar{width:40px;height:40px}.mobile-brand{display:none}.content{padding:32px;max-width:1520px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);background:white;border-radius:10px;font-weight:500;white-space:nowrap;font-size:13px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#171717;font-weight:600}.btn.primary:hover{background:var(--accent-hover)}.btn.text{border:0;background:transparent;padding:8px;color:var(--muted)}.btn.danger{color:var(--red);background:#fff3f2;border-color:#f3d8d6}.btn.chip{min-height:36px;padding:7px 10px;background:#f5f5f5;border:0;font-size:12px}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}.panel-head{padding:22px 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head .btn{min-height:32px;font-size:12px}.panel-head small{color:var(--muted)}.panel-body{padding:0 24px 24px}.panel-body .btn{margin-top:20px}.panel-footer{border-top:1px solid var(--line);padding:12px 24px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;text-align:left;display:flex;flex-direction:column;gap:12px}.kpi>span{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.kpi svg{width:17px;height:17px}.kpi strong{font-size:32px;line-height:1.2;font-weight:550;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px}.stack{display:grid;gap:24px;align-content:start}.task-row{display:flex;align-items:center;gap:12px;padding:19px 24px;border-top:1px solid #f0f0f0}.task-mark{display:flex;align-items:center;justify-content:center;border:1px solid #dfdfdf;border-radius:7px;width:30px;height:30px;color:#777;flex-shrink:0}.task-mark svg{width:16px;height:16px}.task-mark.completed{color:var(--green);background:#eef8f1;border-color:#ddf0e1}.task-mark.review{color:var(--amber);background:#fff8e7;border-color:#f2e7cb}.task-info{flex:1;min-width:0}.title-link{font-size:14px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}.title-link:hover{color:#b34a00}.task-sub{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--muted);font-size:12px;flex-wrap:wrap}.task-sub .avatar{width:22px;height:22px;font-size:8px}.assigner{padding-left:8px;border-left:1px solid var(--line)}.task-date{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.task-date svg{width:14px;height:14px}.task-date.overdue{color:var(--red)}.task-state{display:flex;align-items:center;gap:6px;min-width:93px;justify-content:flex-end}.priority-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.dashboard-grid .task-date{font-size:11px}.dashboard-grid .task-state{min-width:0}.dashboard-grid .task-row>.btn.icon{display:none}.tag{display:inline-block;padding:4px 8px;font-size:11px;background:#f1f1f1;color:#606060;border-radius:6px;white-space:nowrap;line-height:1.45}.tag.amber{background:#fff6df;color:#815a10}.tag.red{background:#fff0ee;color:var(--red)}.tag.green{background:#edf6ef;color:var(--green)}.tag.orange{background:var(--accent-soft);color:#9d3f00}.decision-list{padding:0 20px 14px}.decision-list button{border:0;background:none;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 4px;border-top:1px solid #f2f2f2;font-size:13px}.decision-list button:first-child{border:0}.decision-list button>svg{color:#737373;width:17px;height:17px}.decision-list button span{flex:1}.decision-list button b{font-size:12px;background:#f3f3f3;border-radius:6px;padding:2px 7px}.decision-list button>svg:last-child{width:15px}.stock-row{display:flex;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--line);font-size:12px}.stock-row>svg{color:#777}.stock-row>div{flex:1;min-width:0}.stock-row b{font-weight:500;display:block}.stock-row small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.stock-row .btn{min-height:34px;font-size:11px}.event-row{display:flex;align-items:flex-start;gap:14px;padding:18px 24px;border-top:1px solid #f0f0f0}.event-icon{background:#f5f5f5;color:#777;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.event-icon svg{width:16px;height:16px}.event-row>div{flex:1;min-width:0}.event-row b{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}.event-row small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.event-row p{font-size:12px;color:#555;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.event-row .btn{margin-top:-5px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:20px}.section-toolbar .tabs{margin-bottom:0}.tabs button{border:0;background:transparent;padding:10px 14px;min-height:44px;border-radius:9px;font-size:12px;color:var(--muted)}.tabs button.active{background:white;color:var(--ink);box-shadow:0 1px 3px #0000000c;font-weight:600}.panel .tabs{margin:0 20px 16px}.segmented{display:flex;background:#eaeaea;border-radius:9px;padding:3px}.segmented .btn{border:0;min-height:36px;padding:6px 12px;background:none;font-size:12px}.segmented .btn.selected{background:white;box-shadow:0 1px 3px #0000000a}.segmented svg{width:16px;height:16px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:20px}.week-grid button{display:flex;flex-direction:column;gap:5px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:14px}.week-grid button small{text-transform:uppercase;color:var(--muted);font-size:10px}.week-grid button b{font-size:22px;font-weight:500}.week-grid button span{font-size:11px;color:var(--muted)}.week-grid button.active{background:var(--accent-soft);border-color:var(--accent)}input,textarea,select{border:1px solid #dcdcdc;background:#fff;padding:11px 12px;border-radius:9px;min-height:44px;max-width:100%;width:100%}input:focus,textarea:focus,select:focus{border-color:#b74700}textarea{resize:vertical;min-height:100px;line-height:1.5}label{display:block;font-size:13px;font-weight:500;margin:17px 0 7px}.search-field{max-width:320px;background:white;font-size:13px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;color:var(--muted);font-weight:500;padding:15px 20px;background:#fbfbfb}td{padding:16px 20px;border-top:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}.product-link{border:0;background:none;display:flex;align-items:center;gap:14px;text-align:left;padding:0;min-height:44px}.product-link b{font-weight:500;display:block;font-size:13px}.product-link small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.product-art{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f6f5f4;border-radius:10px;color:#8b8177;flex-shrink:0}.price-list,.case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.price-card,.case-card{padding:24px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.card-top small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.price-flow{display:flex;align-items:center;gap:28px;margin:24px 0}.price-flow small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.price-flow strong{font-size:23px;font-weight:550;font-variant-numeric:tabular-nums}.price-flow>svg{color:#aaa}.reason{background:#f6f6f6;border-radius:10px;padding:14px;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.meta{font-size:12px;color:var(--muted);margin-top:14px}.card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.case-text{font-size:13px;color:#666;line-height:1.65;margin:18px 0;overflow-wrap:anywhere}.person-line{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.person-line .avatar{width:28px;height:28px;font-size:10px}.team-row{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line)}.team-row:last-child{border:0}.team-row>div{flex:1;min-width:0}.team-row b{display:block;font-weight:500}.team-row small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 24px 24px}.roles-grid b{font-size:13px}.roles-grid p{color:var(--muted);font-size:12px;margin-top:5px}.profile-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.profile-summary{padding:28px;text-align:center;align-self:start;display:flex;flex-direction:column;align-items:center;gap:12px}.profile-summary h2{margin-top:8px;font-size:19px}.profile-summary p{color:var(--muted);font-size:12px}.profile-summary>small{color:var(--muted);margin-bottom:8px}.permission-list{border-top:1px solid var(--line);text-align:left;padding-top:20px;margin-top:8px;align-self:stretch}.permission-list b{font-size:13px}.permission-list p{margin-top:7px;line-height:1.8}.preference-row{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;border-top:1px solid #f1f1f1;font-size:13px}.toggle{position:relative;width:48px;height:28px;flex-shrink:0;border:0;background:#d6d6d6;border-radius:18px;padding:3px}.toggle::before{content:'';position:absolute;inset:-8px 0}.toggle span{display:block;width:22px;height:22px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}.toggle.on{background:var(--accent)}.toggle.on span{transform:translateX(20px)}.auto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.auto-card{padding:24px}.auto-card h3{margin-top:20px}.auto-card p{font-size:13px;color:var(--muted);margin:10px 0 16px;line-height:1.7}.notice-row{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;border-top:1px solid var(--line)}.notice-row:first-child{border:0}.notice-row.unread{background:#fffaf5}.notice-row>div:nth-child(2){flex:1;min-width:0}.notice-row b{font-size:13px;font-weight:600}.notice-row p{font-size:13px;color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.notice-row small{font-size:11px;color:var(--muted)}.notice-actions{display:flex;gap:4px}.notice-actions .btn{min-height:34px;font-size:12px}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 20px;color:var(--muted);font-size:13px;text-align:center}.empty svg{color:#a0a0a0}footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px;color:var(--muted);font-size:11px}footer .btn{font-size:11px}.bottomnav{display:none}.skip{position:fixed;top:-80px;left:10px;z-index:1000;background:white;padding:12px}.skip:focus{top:10px}dialog{width:min(650px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:0;border-radius:18px;padding:0;color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#17171766}.dialog-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;background:#fff;z-index:1}.dialog-head h2{font-size:18px;overflow-wrap:anywhere}.dialog-body{padding:24px}.dialog-body>p{line-height:1.7}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quick-dates{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.error{color:var(--red);font-size:12px;min-height:0;margin-top:10px}.error:empty{display:none}.note,.help-block{background:#fff7ef;padding:16px;border-radius:10px;margin-top:16px;font-size:13px}.note p,.help-block p{margin-top:6px}.note small{display:block;color:var(--muted);margin-top:5px}.btn-group{display:grid;gap:10px;margin-top:20px}.detail-title{display:flex;gap:8px;flex-wrap:wrap}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.detail-metrics small{display:block;color:var(--muted);font-size:11px}.detail-metrics b{display:block;font-size:22px;font-weight:500;margin-top:3px}.task-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.task-facts small{display:block;color:var(--muted);font-size:11px}.task-facts b{display:block;font-size:13px;font-weight:500;margin-top:4px}.comments{display:grid;gap:10px;margin:16px 0}.comments>div{background:#f6f6f6;border-radius:10px;padding:14px}.comments b{font-weight:500;font-size:12px}.comments small{font-size:10px;color:var(--muted);margin-left:8px}.comments p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.session-list{display:grid;gap:6px;margin:20px 0;max-height:400px;overflow:auto}.session-list button{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 12px;border:0;background:#f8f8f8;border-radius:10px;text-align:left}.session-list button.active{background:var(--accent-soft)}.session-list button>span:nth-child(2){flex:1}.session-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.session-list b{font-size:13px;font-weight:500}.rights-fields{margin-top:20px}.rights-fields label{display:flex;align-items:center;gap:10px;font-weight:400;font-size:13px;padding:10px 0;margin:0;cursor:pointer}.rights-fields input{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}.pending-page{max-width:520px;margin:80px auto;padding:28px;background:white;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.pending-page>svg{width:36px;height:36px;color:var(--accent)}.pending-page p{color:var(--muted)}.pending-page small{color:var(--muted)}#toast{position:fixed;left:calc(50% + 108px);bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#252525;color:white;z-index:2000;padding:14px 20px;border-radius:12px;max-width:calc(100vw - 32px);font-size:13px;transition:opacity .15s,transform .15s}#toast.show{transform:translate(-50%,0);opacity:1}
@media(min-width:1400px){.content{padding:40px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr)}}
@media(max-width:1190px){.global-search{display:none}.topbar{padding:0 24px}.content{padding:28px 24px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.stack{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:260px minmax(0,1fr)}.task-date{font-size:11px}.task-state{min-width:80px}.kpi{padding:18px}.kpi>span{font-size:12px}.roles-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{width:184px;padding:22px 10px}.layout{margin-left:184px}.nav button{font-size:12px;padding:10px}.topbar{padding:0 20px}.content{padding:24px 20px}.kpis{gap:12px;grid-template-columns:1fr 1fr}.price-list,.case-list{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.profile-summary{max-width:none}.roles-grid{grid-template-columns:1fr 1fr}.task-row{flex-wrap:wrap;padding:16px 20px}.task-info{flex-basis:calc(100% - 50px)}.task-date{padding-left:42px;flex:1}.task-state{min-width:0}.task-row>.btn.icon{margin:-8px 0}.team-row{flex-wrap:wrap}.team-row>.btn{margin-left:50px}.week-grid{gap:6px}.week-grid button{padding:12px 5px}.crumb{font-size:11px}#toast{left:calc(50% + 92px)}}
@media(max-width:700px){:root{font-size:15px}.sidebar{display:none}.layout{margin:0}.topbar{height:66px;padding:0 16px;position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top);background:#fff}.crumb{display:none}.mobile-brand{display:block;font-size:24px;letter-spacing:-1px;font-weight:750}.top-controls{gap:8px}.top-controls select{width:130px;min-height:38px;font-size:11px}.settings-button{display:none}.avatar-button .avatar{width:32px;height:32px;font-size:10px}.bell{min-width:38px;min-height:38px;padding:9px}.bell i{top:7px;right:7px}.content{padding:24px 16px 90px}.heading{align-items:flex-start;gap:14px;margin-bottom:24px;flex-wrap:wrap}.heading .btn.primary{margin-top:2px}h1{font-size:25px;letter-spacing:-.5px}.subtitle{font-size:13px;margin-top:7px}.kpis{gap:10px;margin-bottom:20px}.kpi{padding:16px;border-radius:12px;gap:8px}.kpi>span{font-size:11px;gap:7px}.kpi strong{font-size:28px}.kpi svg{width:15px;height:15px}.dashboard-grid{gap:20px}.dashboard-grid>.stack{grid-template-columns:1fr;gap:20px}.panel{border-radius:14px}.panel-head{padding:18px 18px 16px;gap:10px}.panel-head h2{font-size:15px}.panel-head .btn{font-size:11px;padding:6px;gap:5px}.panel-head .btn svg{width:14px}.panel-footer{padding:12px 18px}.task-row{padding:16px 18px;gap:10px}.task-info{flex-basis:calc(100% - 40px)}.task-date{padding-left:40px;font-size:11px}.task-state .tag{font-size:10px}.task-sub{margin-top:6px}.title-link{font-size:13px}.task-row>.btn.icon{min-height:36px;min-width:32px;padding:6px}.dashboard-grid .task-date{padding-left:40px}.stock-row{padding:14px 18px}.event-row{padding:16px 18px;gap:12px}.event-row b{font-size:12px}.event-row .btn.icon{min-width:30px;padding:5px}.section-toolbar{gap:14px;margin-bottom:16px}.tabs{gap:2px;margin-bottom:16px}.tabs button{font-size:11px;padding:9px 11px;min-height:40px}.section-toolbar .search-field{max-width:none}.segmented{align-self:flex-start}.week-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.week-grid button{padding:10px 0}.week-grid button b{font-size:18px}.week-grid button span{font-size:9px}.week-grid button small{font-size:9px}.price-card,.case-card{padding:20px}.price-flow{gap:20px}.price-flow strong{font-size:21px}.card-actions .btn{font-size:12px}.auto-grid{grid-template-columns:1fr}.auto-card{padding:20px}.notice-row{padding:16px;flex-wrap:wrap;gap:10px}.notice-row>div:nth-child(2){flex-basis:calc(100% - 42px)}.notice-actions{margin-left:42px}.notice-actions .btn{min-height:40px}.team-row{padding:16px 18px;gap:10px}.team-row>div{flex-basis:calc(100% - 46px)}.team-row>.tag{margin-left:46px}.team-row>.btn{margin-left:auto;font-size:11px;min-height:38px;padding:8px 10px}.roles-grid{grid-template-columns:1fr;padding:0 18px 20px;gap:20px}.profile-summary{padding:24px}.profile-grid{gap:20px}.preference-row{padding:14px 18px;font-size:13px}.pending-page{margin:24px 16px;padding:24px}.bottomnav{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:#fff;z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.bottomnav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:50px;border:0;background:none;color:#767676;font-size:10px;padding:6px 0;border-radius:10px}.bottomnav button.active{color:#a34100;background:var(--accent-soft)}.bottomnav svg{width:20px;height:20px}.nav-dot{position:absolute;background:var(--accent);width:5px;height:5px;border-radius:50%;top:5px;right:28%}footer{font-size:10px;margin-top:24px;gap:10px}footer .btn{font-size:10px;padding:8px 0;white-space:normal}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 30px);border-radius:16px}.dialog-head{padding:16px 18px}.dialog-head h2{font-size:16px}.dialog-body{padding:18px}.split{grid-template-columns:1fr;gap:0}.task-facts{gap:16px}.task-facts b{font-size:12px}.detail-metrics b{font-size:19px}.detail-metrics{gap:10px}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1}.dialog-body .task-row{padding:14px 0}#toast{left:50%;bottom:85px;width:calc(100vw - 32px)}table,tbody,tr,td{display:block}thead{display:none}tr{padding:16px 18px;border-bottom:1px solid var(--line)}td{border:0;padding:4px 0;white-space:normal;font-size:12px}td:first-child{padding-bottom:10px}td[data-label]{display:flex;justify-content:space-between;gap:12px}td[data-label]::before{content:attr(data-label);color:var(--muted)}.product-link b{font-size:13px}.product-link small{font-size:10px;overflow-wrap:anywhere}.table-scroll{overflow:visible}.title-link,.event-row b,.case-text,.team-row b{overflow-wrap:anywhere}.rights-fields label{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Phone-first PWA refinements */
:root{color-scheme:light}html{scroll-padding-top:88px}body{min-height:100dvh;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button{-webkit-tap-highlight-color:transparent}body.sheet-open{overflow:hidden}.offline-banner{padding:12px 16px;margin-bottom:20px;background:var(--accent-soft);border-radius:12px;font-size:14px}.install-card{display:none}.install-intro{text-align:center;padding:8px 0 24px;display:grid;justify-items:center;gap:12px}.install-intro img{border-radius:16px}.install-intro p{color:var(--muted)}.install-steps{padding-left:24px;margin:16px 0 24px;display:grid;gap:14px;line-height:1.6}.more-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 20px}.more-menu .btn{white-space:normal;justify-content:flex-start;text-align:left;min-height:64px;background:#f5f5f5;border:0;padding:14px;border-radius:14px;gap:12px}.more-menu .btn svg{width:22px;height:22px;flex-shrink:0}
@media(max-width:700px){
 :root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:16px;--muted:#616161}html{scroll-padding-top:calc(78px + env(safe-area-inset-top))}button,input,select,textarea{font-size:16px}input,select,textarea{font-size:16px!important;min-height:48px}input[type=checkbox]{min-height:20px!important}.topbar{height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:8px}.top-controls{gap:4px;min-width:0}.top-controls select{width:120px;font-size:13px!important;min-height:44px}.avatar-button,.bell,.mobile-brand{min-width:44px;min-height:44px}.mobile-brand{font-size:26px;display:flex;align-items:center}.avatar-button{display:flex;align-items:center;justify-content:center}.avatar-button .avatar{width:34px;height:34px;font-size:12px}.bell{padding:10px}.content{padding:20px max(16px,env(safe-area-inset-right)) calc(110px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.heading{margin-bottom:20px;gap:16px}.heading>div{min-width:0;flex:1 1 100%}h1{font-size:27px;font-weight:700;line-height:1.2}.subtitle{font-size:14px}.heading>.btn.primary{width:100%;min-height:48px;margin:0}.btn,.card-actions .btn{font-size:14px;min-height:46px;white-space:normal}.btn.chip{min-height:44px;font-size:13px}.kpi>span{font-size:12px}.kpi strong{font-size:30px}.panel-head h2{font-size:17px}.panel-head .btn{font-size:12px;min-height:44px;min-width:44px}.title-link{font-size:16px;min-height:44px;width:100%;font-weight:600}.task-sub{font-size:12px}.task-date{font-size:12px}.task-state .tag{font-size:11px}.task-row>.btn.icon,.event-row .btn.icon{min-width:44px;min-height:44px}.task-row{gap:10px;padding:16px}.task-info{flex-basis:calc(100% - 40px)}.task-mark{width:30px}.task-date{padding-left:40px}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:3px 1px 6px;max-width:100%;gap:6px}.tabs::-webkit-scrollbar{display:none}.tabs button{flex-shrink:0;min-height:44px;font-size:13px;padding:10px 14px}.segmented .btn{min-height:44px;font-size:13px}.section-toolbar{min-width:0}.section-toolbar .tabs{flex-basis:100%}.week-grid button{min-height:76px}.week-grid button small,.week-grid button span{font-size:10px}.product-link{width:100%}.product-link b{font-size:16px}.product-link small{font-size:12px}.table-scroll td{font-size:14px}.event-row b,.notice-row b{font-size:14px}.event-row small,.notice-row small{font-size:12px}.event-row p,.notice-row p,.reason,.case-text,.meta,.auto-card p{font-size:14px}.card-top h3{font-size:17px}.card-top{flex-wrap:wrap}.notice-actions .btn{min-height:44px}.team-row>.btn{min-height:44px;font-size:13px}.team-row small{font-size:12px}.profile-summary p,.permission-list p,.roles-grid p{font-size:14px}.preference-row{font-size:15px;min-height:62px;gap:16px}.toggle{height:44px;width:52px;padding:11px 4px;background:transparent}.toggle::before{inset:8px 0;border-radius:18px;background:#d6d6d6}.toggle.on{background:transparent}.toggle.on::before{background:var(--accent)}.toggle span{position:relative}.toggle.on span{transform:translateX(22px)}.bottomnav{padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#ffffffed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.bottomnav button{min-height:54px;font-size:11px;gap:4px}.bottomnav svg{width:23px;height:23px}.bottomnav button.active{background:var(--accent-soft)}dialog{width:100%;max-width:100%;margin:auto 0 0;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);border-radius:24px 24px 0 0;overscroll-behavior:contain;overflow-y:auto}.dialog-head{padding:18px 20px;position:sticky;top:0}.dialog-head h2{font-size:19px;font-weight:650}.dialog-body{padding:20px max(20px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.dialog-body>p{font-size:15px}.dialog-head .icon-btn{background:#f4f4f4;border-radius:50%;flex-shrink:0}.dialog-body label{font-size:14px}.dialog-actions{display:grid;grid-template-columns:1fr;gap:10px}.dialog-actions .btn{min-height:48px;width:100%}.dialog-actions button[type=submit]{grid-row:1}.card-actions .btn{flex:1 1 auto;min-height:48px}.task-facts b{font-size:14px}.detail-metrics{grid-template-columns:1fr;gap:14px}.detail-metrics>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.detail-metrics b{font-size:20px;margin:0}.detail-metrics small{font-size:13px}.comments p{font-size:14px}.rights-fields label{font-size:14px;min-height:48px}.rights-fields input{width:20px;height:20px;flex-shrink:0}.btn-group .btn{min-height:48px}.install-card{display:flex;align-items:center;width:100%;gap:12px;padding:12px;border:1px solid #ffe0c8;border-radius:16px;background:#fff6ed;text-align:left;margin-bottom:24px}.install-card img{border-radius:11px;flex-shrink:0}.install-card span{flex:1;min-width:0}.install-card b{display:block;font-size:14px;font-weight:600}.install-card small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.install-card>svg{width:18px}footer{flex-wrap:wrap;font-size:12px}footer .btn{font-size:12px;min-height:44px}#toast{bottom:calc(92px + env(safe-area-inset-bottom));font-size:14px}.more-menu .btn{font-size:14px}.session-list{max-height:none}.session-list b{font-size:15px}.session-list small{font-size:12px}.price-flow strong{font-size:22px}.pending-page{margin:20px 16px}.sheet-open .bottomnav{pointer-events:none}
}
@media(max-width:360px){.top-controls select{width:104px}.topbar{padding-left:12px;padding-right:12px}.content{padding-left:12px;padding-right:12px}.more-menu{grid-template-columns:1fr}.bottomnav button{font-size:10px}}
@media(max-width:700px) and (orientation:landscape){dialog{max-height:calc(100dvh - 10px)}.dialog-head{padding:10px 20px}.content{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}
@media(max-width:700px){select{height:48px;appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.top-controls select{height:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23202020' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.kpis{align-items:stretch}.kpi{justify-content:space-between}dialog{max-height:min(calc(100dvh - env(safe-area-inset-top) - 12px),var(--sheet-height,100dvh))}.panel-head .btn{flex-shrink:0}}
