@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/inter-500.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/inter-600.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/inter-700.woff2") format("woff2")}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/inter-tight-500.woff2") format("woff2")}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/inter-tight-600.woff2") format("woff2")}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/inter-tight-700.woff2") format("woff2")}
:root,:root[data-theme="light"]{
  --bg:#f5f5f2; --surface:#ffffff; --surface-2:#faf9f7; --surface-3:#f0efec;
  --border:#e4e3de; --border-strong:#cfcdc6;
   
  --hair:#eeede9;
  --text:#1b1a18; --text-2:#666460; --text-3:#797671;
  --brand:#8e3021; --brand-ink:#8e3021; --brand-soft:rgba(142,48,33,.10);
  --accent:#5147d6; --accent-hover:#4038bd; --accent-text:#4740c9; --accent-soft:rgba(81,71,214,.10); --accent-on:#ffffff;
  






  --optional:var(--brand-ink);
  --done:#1f8a4c; --done-soft:rgba(31,138,76,.12);
  --prog:#a9741a; --prog-soft:rgba(169,116,26,.14);
  --hold:#c0392b; --hold-soft:rgba(192,57,43,.12);
  --info:#1f6feb; --info-soft:rgba(31,111,235,.12);
  --idle:#706e6a; --idle-soft:rgba(168,165,160,.16);
  







  --wait:#8a3d8f; --wait-soft:rgba(138,61,143,.12);
  

































  --st-done:#28c941; --st-prog:#ffbd2e; --st-hold:#ff6159;
  --st-info:#2d8cff; --st-wait:#cf7ae0; --st-ink:#1b1a18;
  






















  --sc-prog-bg:rgba(169,116,26,.16);  --sc-prog-fg:#7a520f;
  --sc-info-bg:rgba(31,111,235,.12);  --sc-info-fg:#12539f;
  --sc-wait-bg:rgba(142,68,173,.12);  --sc-wait-fg:#6b2f86;
  --sc-hold-bg:rgba(192,57,43,.12);   --sc-hold-fg:#96271c;
  --sc-done-bg:rgba(31,138,76,.12);   --sc-done-fg:#136238;
  




  




  --pri-low-bg:var(--surface-3);  --pri-low-fg:var(--sc-done-fg);
  --pri-med-bg:var(--surface-3);  --pri-med-fg:var(--sc-info-fg);
  --pri-high-bg:var(--surface-3); --pri-high-fg:var(--sc-hold-fg);
  












  





  --ic-burst:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.4v3.2M12 17.4v3.2M3.4 12h3.2M17.4 12h3.2M6 6l2.3 2.3M15.7 15.7 18 18M18 6l-2.3 2.3M8.3 15.7 6 18'/%3E%3C/svg%3E");
  --ic-stamp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 20.4h15.2'/%3E%3Cpath d='M6.6 17.4h10.8v-3H6.6z'/%3E%3Cpath d='M9 14.4v-1.7c0-1-.7-1.5-1.1-2.4-.6-1.2-.3-2.5.8-3.3A4.4 4.4 0 0 1 12 6c1.2 0 2.5.4 3.3 1a2.9 2.9 0 0 1 .8 3.3c-.4.9-1.1 1.4-1.1 2.4v1.7'/%3E%3C/svg%3E");
  --ic-hand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.4 11.6V5.9a1.6 1.6 0 0 1 3.2 0v4.9'/%3E%3Cpath d='M12.6 10.8V8.4a1.6 1.6 0 0 1 3.2 0v6.2a6 6 0 0 1-6 6 6 6 0 0 1-6-6v-2.2a1.6 1.6 0 0 1 3-.8l.9 1.6'/%3E%3C/svg%3E");
  --ic-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.2V12l3.2 2'/%3E%3C/svg%3E");
  --ic-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m9.2 9.2 5.6 5.6M14.8 9.2l-5.6 5.6'/%3E%3C/svg%3E");
  --ic-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.4 12.2 2.6 2.6 4.6-5'/%3E%3C/svg%3E");
  --sheet:#188038;
  --shadow-1:0 1px 2px rgba(27,26,24,.06);
  --shadow-2:0 10px 30px -12px rgba(27,26,24,.24);
  --overlay:rgba(27,26,24,.42);
  





  --shadow-card:none;
  --shadow-card-h:0 2px 4px rgba(27,26,24,.06), 0 12px 26px -12px rgba(27,26,24,.26);
   
  --kpi-wash:linear-gradient(155deg, rgba(81,71,214,.13) 0%, rgba(81,71,214,.045) 38%, rgba(81,71,214,0) 72%);
  --tip-bg:#1b1a18; --tip-fg:#f7f5f2;
  



  --navbg:color-mix(in srgb,#ffffff 74%,transparent);
  --navline:rgba(27,26,24,.10);
  --navshadow:0 8px 30px -10px rgba(27,26,24,.30);
  --navtint:rgba(81,71,214,.20);
  --caphl:rgba(27,26,24,.05);
}
 
:root[data-theme="dark"],[data-theme="dark"]{
  



  --bg:#18181b; --surface:#232327; --surface-2:#1d1d21; --surface-3:#2a2a2f;
  --border:#3b3b42; --border-strong:#4a4a52;
  --hair:#303036;
  --text:#f2f1ee; --text-2:#bdbab4; --text-3:#a6a39d;
  --brand:#8e3021; --brand-ink:#d9705c; --brand-soft:rgba(217,112,92,.14);
  --accent:#5147d6; --accent-hover:#5a51e0; --accent-text:#b9b4ff; --accent-soft:rgba(81,71,214,.22); --accent-on:#ffffff;
   
  --optional:var(--accent-text);
  --done:#3fb872; --done-soft:rgba(31,138,76,.22);
  --prog:#d59f3c; --prog-soft:rgba(169,116,26,.22);
  --hold:#e5695a; --hold-soft:rgba(192,57,43,.22);
  --info:#5b95f5; --info-soft:rgba(31,111,235,.22);
  --idle:#a6a39d; --idle-soft:rgba(168,165,160,.18);
  --wait:#b77ad6; --wait-soft:rgba(142,68,173,.22);
  






  --sc-prog-bg:rgba(169,116,26,.22);  --sc-prog-fg:#f0c878;
  --sc-info-bg:rgba(31,111,235,.22);  --sc-info-fg:#9cc2ff;
  --sc-wait-bg:rgba(142,68,173,.22);  --sc-wait-fg:#dab3ef;
  --sc-hold-bg:rgba(192,57,43,.22);   --sc-hold-fg:#ff9e93;
  --sc-done-bg:rgba(31,138,76,.22);   --sc-done-fg:#7ee0a4;
  --pri-low-bg:var(--surface-3);  --pri-low-fg:var(--sc-done-fg);
  --pri-med-bg:var(--surface-3);  --pri-med-fg:var(--sc-info-fg);
  --pri-high-bg:var(--surface-3); --pri-high-fg:var(--sc-hold-fg);
  --sheet:#22a24c;
  --shadow-1:0 1px 2px rgba(0,0,0,.4);
  --shadow-2:0 12px 34px -14px rgba(0,0,0,.7);
  --overlay:rgba(0,0,0,.6);
  --shadow-card:none;
  --shadow-card-h:0 2px 5px rgba(0,0,0,.44), 0 14px 30px -13px rgba(0,0,0,.75);
  --kpi-wash:linear-gradient(155deg, rgba(139,125,255,.18) 0%, rgba(139,125,255,.06) 40%, rgba(139,125,255,0) 74%);
  --tip-bg:#f2f1ee; --tip-fg:#232327;
  --navbg:color-mix(in srgb,#22232b 62%,transparent);
  --navline:rgba(255,255,255,.14);
  --navshadow:0 10px 36px -10px rgba(0,0,0,.75);
  --navtint:rgba(139,125,255,.30);
  --caphl:rgba(255,255,255,.07);
}
:root{
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;
  --r-xs:6px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:14px;--r-pill:999px;
  

  --r-ctl:8px;
  

  --t-micro:0.6875rem;   
  --t-xs:0.75rem;        
  --t-sm:0.8125rem;      
  --t-md:0.875rem;       
  --t-lg:1.0625rem;      
  --t-xl:1.3125rem;      
  --t-xxl:1.75rem;       
   
  --lh-flat:1.1; --lh-tight:1.25; --lh-snug:1.4; --lh-body:1.55;
  --font-display:'Inter Tight',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --dur-micro:120ms;--dur-std:180ms;--dur-overlay:240ms;--ease:cubic-bezier(.2,.6,.2,1);
  --rail-w:208px; --rail-w-min:58px;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font:400 0.875rem/1.55 var(--font);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,.ht-tt{font-family:var(--font-display);letter-spacing:-.02em;margin:0}
h1{font:700 1.3125rem/1.25 var(--font-display);letter-spacing:-.025em}
h2{font:600 1.3125rem/1.25 var(--font-display)}
h3{font:500 1.0625rem/1.4 var(--font);letter-spacing:-.01em}
a{color:var(--accent-text);text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:var(--accent-soft)}
.ht-num{font-variant-numeric:tabular-nums}


table.ht-table td.num-r,table.ht-table th.num-r{text-align:right}
.ht-label{font:600 0.6875rem/1.25 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}
[data-scroll]{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
[data-scroll]::-webkit-scrollbar{width:8px;height:8px}
[data-scroll]::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}
.ht-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:34px;padding:0 16px;border:1px solid transparent;border-radius:var(--r-ctl);background:var(--surface);color:var(--text);font:500 0.8125rem/1.1 var(--font);cursor:pointer;transition:background var(--dur-micro),border-color var(--dur-micro),filter var(--dur-micro)}
.ht-btn--primary{background:var(--accent);color:var(--accent-on)}
.ht-btn--primary:hover{background:var(--accent-hover)}
.ht-btn--secondary{border-color:var(--border-strong)}
.ht-btn--secondary:hover{background:var(--surface-3)}
.ht-btn--quiet{background:transparent;color:var(--accent-text);padding:0 12px}
.ht-btn--quiet:hover{background:var(--accent-soft)}
.ht-btn--danger{background:transparent;color:var(--hold);border-color:var(--hold)}
.ht-btn--danger:hover{background:var(--hold-soft)}











.ht-btn--wa{border-color:#25D366;color:#128C4A}
.ht-btn--wa:hover{background:rgba(37,211,102,.10)}
:root[data-theme="dark"] .ht-btn--wa,
:root:not([data-theme="light"]) .ht-btn--wa{color:#4AE68A}
.ht-btn--wa-solid{background:#25D366;color:#06251A;border-color:#25D366}
.ht-btn--wa-solid:hover{background:#1EBE5B}



.ht-btn--warnline{border-color:var(--hold);color:var(--hold)}
.ht-btn--warnline:hover{background:var(--hold-soft)}
.ht-btn--sheet{background:var(--sheet);color:#fff}
.ht-btn--block{width:100%}
.ht-btn[disabled]{background:var(--surface-3);color:var(--text-3);border-color:transparent;cursor:not-allowed}
 
.ht-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}
.ht-card--hover{transition:box-shadow var(--dur-micro),border-color var(--dur-micro),transform var(--dur-micro);cursor:pointer}
.ht-card--hover:hover{box-shadow:var(--shadow-card-h);border-color:var(--border-strong);transform:translateY(-1px)}
















.ht-card--pad{padding:12px}
.ht-card--pad-lg{padding:16px}
.ht-card--flush{padding:8px 0}





.ht-cardhead{padding:12px 16px;border-bottom:1px solid var(--border)}
 
.kpicard{position:relative;background-image:var(--kpi-wash);background-repeat:no-repeat}
.kpicard::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
:root[data-theme="dark"] .kpicard::before{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ht-kpi{padding:var(--sp-4)}
.ht-kpi__label{font:600 0.6875rem/1.25 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}
.ht-kpi__value{font:700 1.75rem/1.1 var(--font-display);letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums}
.ht-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);border-bottom:1px solid var(--border);cursor:pointer}
.ht-row:last-child{border-bottom:0}
.ht-row:hover{background:var(--surface-2)}
.ht-row-btn{width:100%;min-height:44px;background:transparent;color:var(--text);font:inherit;text-align:left;border-left:0;border-right:0;border-top:0}
.ht-status{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:var(--r-pill);font:500 0.75rem/1.1 var(--font);color:var(--text);white-space:nowrap}
.ht-status::before{content:'';width:7px;height:7px;border-radius:var(--r-pill);background:var(--idle);flex:none}

























.ht-status--done,.ht-status--prog,.ht-status--hold,
.ht-status--info,.ht-status--wait{font-weight:600}
.ht-status--done::before,.ht-status--prog::before,.ht-status--hold::before,
.ht-status--info::before,.ht-status--wait::before{
  width:13px;height:13px;border-radius:0;background:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
 
.ht-status--prog{background:var(--sc-prog-bg);color:var(--sc-prog-fg)}
.ht-status--prog::before{-webkit-mask-image:var(--ic-stamp);mask-image:var(--ic-stamp)}    
 
.ht-status--info{background:var(--sc-info-bg);color:var(--sc-info-fg)}
.ht-status--info::before{-webkit-mask-image:var(--ic-burst);mask-image:var(--ic-burst)}    
 
.ht-status--wait{background:var(--sc-wait-bg);color:var(--sc-wait-fg)}
.ht-status--wait::before{-webkit-mask-image:var(--ic-hand);mask-image:var(--ic-hand)}
 
.ht-status--hold{background:var(--sc-hold-bg);color:var(--sc-hold-fg)}
.ht-status--hold::before{-webkit-mask-image:var(--ic-cross);mask-image:var(--ic-cross)}
.ht-status--hold.is-late::before{-webkit-mask-image:var(--ic-clock);mask-image:var(--ic-clock)}





.ht-status.ht-status--dot::before{-webkit-mask-image:none;mask-image:none;width:6px;height:6px;
  border-radius:var(--r-pill);background:currentColor}
 
.ht-status--done{background:var(--sc-done-bg);color:var(--sc-done-fg)}
.ht-status--done::before{-webkit-mask-image:var(--ic-tick);mask-image:var(--ic-tick)}




.ht-status--idle{background:var(--idle-soft);color:var(--text-2)}









.ht-prio{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 9px;
  border-radius:var(--r-pill);font:600 0.75rem/1.1 var(--font);white-space:nowrap}
.ht-prio-tri{flex:none;display:block}
.ht-prio--low{background:var(--pri-low-bg);color:var(--pri-low-fg)}
.ht-prio--med{background:var(--pri-med-bg);color:var(--pri-med-fg)}
.ht-prio--high{background:var(--pri-high-bg);color:var(--pri-high-fg)}
.ht-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-ctl);background:var(--surface);color:var(--text-2);font:500 0.75rem/1.1 var(--font);cursor:pointer;white-space:nowrap}
.ht-chip:hover{background:var(--surface-3);color:var(--text)}
.ht-chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
.ht-tag{display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:var(--r-xs);background:var(--surface-3);color:var(--text-2);font:500 0.6875rem/1.1 var(--font);white-space:nowrap}






.ht-tag--link{background:var(--accent-soft);color:var(--accent-text);cursor:pointer;border:0;gap:5px;height:auto;min-height:23px;padding:4px 8px;white-space:normal;text-align:left;font-weight:600;font-family:var(--font)}
.ht-tag--link:hover{text-decoration:underline}
.ht-pill--brand{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 12px 0 8px;border-radius:var(--r-pill);background:var(--brand-soft);color:var(--brand-ink);font:500 0.75rem/1.1 var(--font)}
.ht-pill--brand::before{content:'';width:6px;height:6px;border-radius:var(--r-pill);background:currentColor}
.ht-badge{min-width:18px;height:17px;padding:0 4px;border-radius:var(--r-pill);background:var(--hold);color:#fff;font:600 0.6875rem/1.55 var(--font);text-align:center}
.ht-input,.ht-textarea,.ht-select{width:100%;height:37px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-ctl);background:var(--surface);color:var(--text);font:400 0.875rem var(--font);outline:none;transition:border-color var(--dur-micro),box-shadow var(--dur-micro)}







input[type="date"].ht-input{min-width:0;max-width:100%;display:block}
@supports (-webkit-touch-callout:none){
  input[type="date"].ht-input{-webkit-appearance:none;appearance:none;line-height:35px}
  input[type="date"].ht-input::-webkit-date-and-time-value{text-align:left;margin:0}
}
.ht-textarea{height:auto;padding:12px 12px;line-height:1.5;resize:vertical}
.ht-input:focus,.ht-textarea:focus,.ht-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ht-seg{display:inline-flex;gap:2px;padding:4px;background:var(--surface-3);border-radius:var(--r-ctl);max-width:100%}
.ht-seg>button{height:30px;padding:0 12px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font:500 0.8125rem/1.1 var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ht-seg>button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}
.ht-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-lg);font:400 0.8125rem/1.55 var(--font);color:var(--text)}
.ht-banner>div{max-width:74ch}
.ht-banner--warn{background:var(--prog-soft)} .ht-banner--info{background:var(--info-soft)} .ht-banner--error{background:var(--hold-soft)}
 
.ht-banner--tight{padding:8px 12px;font:600 0.8125rem/1.4 var(--font);align-items:center}
.ht-banner--tight .ht-btn{height:26px;padding:0 12px;font-size:0.75rem}
 


.tabbar{display:flex;gap:2px;padding:4px;background:var(--surface-3);border-radius:var(--r-pill);margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
.tabbar::-webkit-scrollbar{display:none}
.tabbar .tabsep{flex:none;width:1px;align-self:stretch;margin:4px 5px;background:var(--border)}
.tabbar>button{flex:1 0 auto;height:34px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);
  font:500 0.8125rem/1.1 var(--font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 12px;min-width:0}
.tabbar>button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}
.tabbar .tn{min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);background:var(--accent-soft);
  color:var(--accent-text);font:700 0.6875rem/1.55 var(--font)}
.tabbar>button.on .tn{background:var(--accent-soft);color:var(--accent-text)}
.tabbar .tn.hot{background:var(--hold);color:#fff}
 
.rl{border-bottom:1px dotted var(--border-strong);cursor:help}
 
.rolewrap{display:flex;gap:8px;flex-wrap:wrap}
.rolechip{height:30px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-pill);
  background:var(--surface);color:var(--text-2);font:500 0.75rem/1.1 var(--font);cursor:pointer;white-space:nowrap}
.rolechip:hover{background:var(--surface-3);color:var(--text)}
.rolechip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}
table.acltbl td{padding:8px 12px}
table.acltbl tbody tr.aclgrp td{background:var(--prog-soft);font:600 0.6875rem/1.25 var(--font);
  letter-spacing:.07em;text-transform:uppercase;color:var(--text)}
table.acltbl tbody tr:hover td{background:var(--surface-2)}
table.acltbl tbody tr.aclgrp:hover td{background:var(--prog-soft)}
.previewbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--brand);color:#f7ece0;
  font:600 0.8125rem/1.1 var(--font);flex-wrap:wrap}
.previewbar button{height:26px;padding:0 12px;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-pill);
  background:transparent;color:#f7ece0;font:600 0.75rem/1.1 var(--font);cursor:pointer}
.previewbar button:hover{background:rgba(255,255,255,.14)}
.ht-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:var(--sp-5) var(--sp-4)}





.ht-empty--sm{gap:0;padding:var(--sp-3) var(--sp-4)}
.ht-empty--sm .ht-empty__title{font-weight:400;color:var(--text-2)}
.ht-empty__title{font:500 0.875rem/1.4 var(--font);color:var(--text)}
.roleban>div{max-width:74ch}







.aclcols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.phone-mode .aclcols{grid-template-columns:1fr;gap:16px}
.ht-empty__body{font:400 0.8125rem/1.55 var(--font);color:var(--text-2);max-width:300px}
.ht-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-2);font:500 0.8125rem/1.4 var(--font);color:var(--text);z-index:400;animation:ht-rise var(--dur-std) var(--ease);max-width:min(560px,88vw)}
@keyframes ht-spin{to{transform:rotate(360deg)}}
@keyframes ht-rise{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes ht-slide-r{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes ht-slide-u{from{transform:translateY(24px)}to{transform:none}}
@keyframes ht-fade{from{opacity:0}to{opacity:1}}
@keyframes ht-pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}





@keyframes ht-spin{to{transform:rotate(360deg)}}
.icon-btn.spin>svg{animation:ht-spin .9s linear infinite;transform-origin:50% 50%}
.icon-btn.spin{opacity:.75;pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .icon-btn.spin>svg{animation:none}
  .icon-btn.spin{opacity:.5}
}
 
@keyframes ht-glow{
  0%{box-shadow:0 0 0 0 rgba(192,57,43,.55), 0 0 5px 1px rgba(192,57,43,.55)}
  70%{box-shadow:0 0 0 7px rgba(192,57,43,0), 0 0 5px 1px rgba(192,57,43,.15)}
  100%{box-shadow:0 0 0 0 rgba(192,57,43,0), 0 0 5px 1px rgba(192,57,43,.55)}}
.notifdot{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;
  background:var(--hold);border:2px solid var(--surface);animation:ht-glow 1.9s var(--ease) infinite}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}



.tipw{position:relative}
[data-tip]{position:relative}
[data-tip]::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%) translateY(-3px);
  padding:4px 8px;border-radius:6px;background:var(--tip-bg);color:var(--tip-fg);
  font:600 0.6875rem/1.25 var(--font);white-space:nowrap;pointer-events:none;opacity:0;z-index:220;
  transition:opacity var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease)}
[data-tip]:hover::after,[data-tip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}
[data-tip-up]::after{top:auto;bottom:calc(100% + 7px)}
[data-tip-r]::after{left:auto;right:0;transform:translateX(0) translateY(-3px)}
[data-tip-r]:hover::after{transform:translateX(0) translateY(0)}








.phone-mode .tabbar{padding:4px;overflow-x:auto;scrollbar-width:none}
.phone-mode .tabbar::-webkit-scrollbar{display:none}







.phone-mode .tabbar>button{min-height:36px!important;height:auto;font-size:0.875rem;
  white-space:nowrap;flex:1 0 auto}
.phone-mode [data-tip]::after{display:none}    



.mk-chrome{position:sticky;top:0;z-index:300;display:flex;align-items:center;gap:16px;padding:8px 16px;background:#15100e;color:#efe6da;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.mk-chrome .brand{font:700 0.8125rem/1.1 var(--font-display);display:flex;align-items:center;gap:8px}
.mk-chrome .gdot{width:8px;height:8px;border-radius:50%;background:#63d68f}
.mk-seg{display:inline-flex;background:rgba(255,255,255,.08);border-radius:10px;padding:4px}
.mk-seg button{border:0;background:transparent;color:#c9bdb0;font:700 0.75rem/1.1 var(--font);padding:8px 12px;border-radius:6px;cursor:pointer}
.mk-seg button.on{background:#8e3021;color:#fff}
.mk-note{font:400 0.6875rem/1.4 var(--font);color:#9a8e80;flex:1;min-width:160px;text-align:right}


.mk-stage{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 16px 64px}
.app-desktop{width:100%;max-width:1180px;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr);background:var(--bg);border:1px solid var(--border-strong);
  border-radius:14px;overflow:hidden;box-shadow:var(--shadow-2);height:min(760px,calc(100vh - 150px));min-height:600px;position:relative;
  transition:grid-template-columns var(--dur-std) var(--ease)}
.app-desktop.railmin{grid-template-columns:var(--rail-w-min) minmax(0,1fr)}
.app-desktop>.topbar{grid-column:1/-1;grid-row:1}
.app-desktop>.rail{grid-column:1;grid-row:2;min-width:0}
.app-desktop>.maincol{grid-column:2;grid-row:2;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.brandblock{display:flex;align-items:center;gap:8px;flex:none}
 
.rail{background:var(--surface);border-right:1px solid var(--border);padding:12px 12px;display:flex;flex-direction:column;gap:8px;overflow:visible}
.ht-logo{width:30px;height:30px;border-radius:var(--r-ctl);background:var(--brand);color:#f5ead9;display:grid;place-items:center;font:700 0.75rem/1.1 var(--font-display);flex:none;position:relative;overflow:hidden}




















.ht-logo::after{content:"";position:absolute;inset:0;background-image:var(--logo-light,none);background-size:cover;background-position:center;background-repeat:no-repeat}
:root[data-theme="dark"] .ht-logo::after,
:root:not([data-theme="light"]) .ht-logo::after{background-image:var(--logo-dark,var(--logo-light,none))}
.wordmark{font:700 0.8125rem/1.1 var(--font-display);letter-spacing:.07em;color:var(--text);white-space:nowrap}


.ht-logo--btn{padding:0;border:1px solid var(--border);cursor:pointer}
.ht-logo--btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}



.topbar{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:12px;
  height:52px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--surface)}
.tb-left{justify-self:start;display:flex;align-items:center;gap:10px;min-width:0}


.tb-mid{justify-self:center;width:100%;max-width:600px;min-width:0}
.tb-right{justify-self:end;display:flex;align-items:center;gap:8px;min-width:0}
.icon-btn{width:33px;height:33px;border:1px solid var(--border-strong);border-radius:var(--r-ctl);background:var(--surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer;position:relative;flex:none}
.icon-btn:hover{background:var(--surface-3);color:var(--text)}


.icon-btn--bare{border-color:transparent;background:transparent}
.icon-btn--bare:hover{background:transparent;color:var(--text)}
.icon-btn--bare.on{background:transparent;border-color:transparent;color:var(--accent-text)}
.icon-btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}





.topbar .icon-btn{width:32px;height:32px;border-color:transparent;background:transparent}
.topbar .icon-btn:hover{background:var(--surface-3);color:var(--text)}
.topbar .icon-btn.on{background:var(--accent-soft);border-color:transparent}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;font:600 0.6875rem/1.1 var(--font);flex:none}





.module{padding:16px 16px 44px;overflow-y:auto;flex:1;min-height:0}
.ic{stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lead{margin:0 0 16px;font:400 0.8125rem/1.55 var(--font);color:var(--text-2);max-width:68ch}
 
.ht-nav-i{display:flex;align-items:center;gap:12px;height:38px;padding:0 12px;border-radius:var(--r-ctl);color:var(--text-2);font:400 0.8125rem/1.1 var(--font);cursor:pointer;white-space:nowrap;overflow:hidden}
.ht-nav-i:hover{background:var(--surface-3);color:var(--text)}
.ht-nav-i.on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}
 
.railmin .ht-nav-i{justify-content:center;padding:0;gap:0;overflow:visible}
.railmin .ht-nav-i .nlab,.railmin .ht-nav-i .ht-badge{display:none}
.railmin .themesw .nlab,.railmin .userrow .uinfo{display:none}
.railmin .themesw{justify-content:center;padding:0}
.railmin .userrow{justify-content:center;padding:12px 0 8px;gap:0}
.railmin .userrow .logoutb{display:none}


.railtog{display:grid;place-items:center;width:33px;height:33px;flex:none;
  border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text-2);cursor:pointer}
.railtog:hover{background:var(--surface-3);color:var(--text)}
.railtog.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
.railfoot{margin:8px -10px 0;padding:0 12px 2px}























.railtogs{display:flex;gap:8px;margin-top:2px}
.pilltog{flex:1;min-width:0;height:32px;padding:3px;border:1px solid var(--border);
  border-radius:var(--r-pill);background:var(--surface-2);cursor:pointer;
  display:flex;align-items:center;justify-content:flex-start;
  transition:background var(--dur-std) var(--ease),border-color var(--dur-std) var(--ease)}
.pilltog[data-at="end"]{justify-content:flex-end}
.pilltog:hover{background:var(--surface-3);border-color:var(--border-strong)}
.pilltog:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pilltog .knob{height:24px;min-width:24px;padding:0 6px;border-radius:var(--r-pill);
  background:var(--surface);box-shadow:var(--shadow-1);color:var(--text);
  display:inline-flex;align-items:center;justify-content:center;
  font:700 0.6875rem/1 var(--font);white-space:nowrap}
 
.railmin .railtogs{flex-direction:column}
.railrule{height:1px;background:var(--border);margin:12px -10px 8px}
.themesw{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px;border:1px solid var(--border);
  border-radius:var(--r-md);background:var(--surface-2);color:var(--text);cursor:pointer;font:500 0.8125rem/1.1 var(--font)}
.themesw:hover{background:var(--surface-3)}
.userrow{display:flex;align-items:center;gap:12px;padding:12px 8px 8px;border-radius:var(--r-md);cursor:pointer}
.userrow:hover{background:var(--surface-3)}
.userrow .ua{width:30px;height:30px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);
  display:grid;place-items:center;font:600 0.6875rem/1.1 var(--font);flex:none}
.userrow .un{font:500 0.8125rem/1.25 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.userrow .ur{font:400 0.75rem/1.25 var(--font);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logoutb{border:0;background:transparent;color:var(--text-3);cursor:pointer;padding:8px;border-radius:10px;
  display:grid;place-items:center;flex:none}
.logoutb:hover{background:var(--hold-soft);color:var(--hold)}
 
.mdl-scrim{position:absolute;inset:0;background:var(--overlay);z-index:60;animation:ht-fade var(--dur-std);display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto}
.mdl{width:100%;max-width:640px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);animation:ht-pop var(--dur-overlay) var(--ease);overflow:hidden}
.mdl--wide{max-width:760px}
.mdl-head{display:flex;align-items:flex-start;gap:12px;padding:16px 20px 12px}
.mdl-head .kicker{font:700 0.6875rem/1.1 var(--font);letter-spacing:.11em;text-transform:uppercase;color:var(--accent-text)}
.mdl-head h3{margin:8px 0 0;font:600 1.0625rem/1.25 var(--font-display);letter-spacing:-.015em;color:var(--text)}
.mdl-head .grow{flex:1;min-width:0}
.mdl-body{padding:0 20px 16px}
.mdl-foot{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}
.mdl-foot .grow{flex:1;min-width:0}
.xbtn{width:32px;height:32px;flex:none;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);cursor:pointer;display:grid;place-items:center}
.xbtn:hover{background:var(--surface-3);color:var(--text)}
 
.tblwrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-card)}














:root{--tbl-max:min(68vh,720px);
  

  --fl-font:600 0.6875rem/1.1 var(--font); --fl-track:.08em}




.tblscroll{overflow:auto;max-height:var(--tbl-max)}
table.ht-table{width:100%;border-collapse:separate;border-spacing:0}







table.ht-table th{position:sticky;top:0;z-index:2;padding:12px 8px;text-align:center;background:var(--surface-2);border-bottom:1px solid var(--border);font:600 0.6875rem/1.25 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap}
table.ht-table td{padding:12px 8px;border-bottom:1px solid var(--border);font:400 0.8125rem/1.4 var(--font);color:var(--text-2);vertical-align:middle}






table.ht-table td.ht-num{white-space:nowrap}
table.ht-table tbody tr:last-child td{border-bottom:0}
table.ht-table tbody tr.clk{cursor:pointer}
table.ht-table tbody tr.clk:hover{background:var(--surface-2)}
table.ht-table tbody tr.sel{background:var(--accent-soft)}
th.cbc,td.cbc{width:42px;padding-right:0}
td .cellttl{font:400 0.8125rem/1.4 var(--font);color:var(--text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
























td .cellsub{margin-top:2px;font:400 0.6875rem/1.3 var(--font);color:var(--text-3)}
.cellink{border:0;background:none;padding:0;color:var(--accent-text);cursor:pointer;font:500 0.8125rem/1.1 var(--font);text-align:left}
.cellink:hover{text-decoration:underline}
 


.viewall{margin-left:auto;border:0;background:none;padding:2px 0;color:var(--accent-text);cursor:pointer;
  font:500 0.8125rem/1.1 var(--font);display:inline-flex;align-items:center;gap:4px}
.viewall:hover{text-decoration:underline}
.thumb{width:40px;height:40px;flex:none;border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-3);overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.cbx{appearance:none;-webkit-appearance:none;width:17px;height:17px;flex:none;margin:0;border:1.5px solid var(--border-strong);border-radius:6px;background:var(--surface);cursor:pointer;display:grid;place-items:center}
.cbx:checked{background:var(--accent);border-color:var(--accent)}
.cbx:checked::after{content:'';width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translateY(-1px)}
.cbx:indeterminate{background:var(--accent);border-color:var(--accent)}
.cbx:indeterminate::after{content:'';width:9px;height:0;border-bottom:2px solid #fff}
 
.popwrap{position:relative}
.pop{position:absolute;z-index:80;min-width:248px;max-width:320px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);top:calc(100% + 6px);animation:ht-pop var(--dur-micro) var(--ease)}
.pop--r{right:0}.pop--l{left:0}
.pop h4{margin:0 0 8px;font:600 0.6875rem/1.1 var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.pop .sep{margin:12px -12px;border-top:1px solid var(--border)}
.popt{display:flex;align-items:center;gap:12px;padding:8px 8px;border-radius:var(--r-sm);cursor:pointer;font:400 0.8125rem/1.4 var(--font);color:var(--text)}
.popt.popt-btn{width:100%;border:0;background:transparent;text-align:left}
.popt:hover{background:var(--surface-2)}
.popt.dis{cursor:not-allowed;color:var(--text-3)}
.popt.dis:hover{background:transparent}
.popt .oi{flex:1;min-width:0}
.popt .oi small{display:block;font:400 0.75rem/1.4 var(--font);color:var(--text-3)}
.popnote{margin:8px 2px 0;font:400 0.75rem/1.4 var(--font);color:var(--text-3)}
.popscroll{max-height:238px;overflow:auto;margin:0 -4px;padding:0 4px}
.split{display:inline-flex}
.split>.ht-btn:first-child{border-radius:var(--r-md) 0 0 var(--r-md)}
.split>.ht-btn:last-child{border-radius:0 var(--r-md) var(--r-md) 0;margin-left:-1px;width:30px;padding:0}
 
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:1px;
  background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.fields>div{background:var(--surface);padding:12px 12px;min-width:0}
.fields .fk{font:var(--fl-font);letter-spacing:var(--fl-track);text-transform:uppercase;color:var(--text-3)}
.fields .fv{margin-top:8px;font:400 0.8125rem/1.4 var(--font);color:var(--text);word-break:break-word}
.na{color:var(--text-3);font-style:italic;font-weight:400}




.qty-short{color:var(--hold);font-weight:600}
.frm{display:grid;grid-template-columns:repeat(auto-fit,minmax(226px,1fr));gap:12px}
.frm .full{grid-column:1/-1}









.fl{display:block;margin:0 0 8px;font:var(--fl-font);letter-spacing:var(--fl-track);text-transform:uppercase;color:var(--text-3)}
.fl .rq{margin-left:4px;color:var(--hold);font-size:inherit;line-height:inherit;font-weight:inherit}


















.fl .op{margin-left:7px;color:var(--optional);font-size:0.625rem;line-height:inherit;
  font-weight:400;letter-spacing:var(--fl-track);vertical-align:1px}




.moneytog{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin:-6px 0 -6px -6px;
  padding:0 6px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-3);cursor:pointer}
.moneytog:hover{background:var(--surface-2);color:var(--text-2)}
.moneytog:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.moneytog svg{flex:none}



.qline{border:1px solid var(--border);border-radius:var(--r-md);
  background:var(--surface-2);padding:10px 12px 12px;margin-bottom:10px}
.qline-h{display:flex;align-items:center;justify-content:space-between;
  margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid var(--border)}






.hint{margin:8px 0 0;font:400 0.8125rem/1.4 var(--font);color:var(--text-3)}



.photostrip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;
  margin-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.photocell{flex:none;width:88px;height:88px;padding:0;border:1px solid var(--border);
  border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2);cursor:pointer;
  display:grid;place-items:center}
.photocell:hover{border-color:var(--accent)}
.photocell img{width:100%;height:100%;object-fit:cover;display:block}



.photocell--gone{cursor:default;color:var(--text-3);gap:4px;
  border-style:dashed;padding:6px;text-align:center}
.photocell--gone span{font:400 0.625rem/1.25 var(--font)}
.photocell--gone:hover{border-color:var(--border)}


.photofull{display:grid;place-items:center;padding:0;background:var(--surface-2)}
.photofull img{max-width:100%;max-height:min(70vh,620px);object-fit:contain;display:block}





.cmt-list{display:flex;flex-direction:column;margin:0 0 10px}
.cmt{padding:9px 0;border-top:1px solid var(--border)}
.cmt:first-child{border-top:0;padding-top:0}









.cmt .ch{display:flex;gap:4px 7px;align-items:baseline;flex-wrap:wrap;
  font:600 0.75rem/1.4 var(--font);color:var(--text)}
.cmt .ch .cwho{overflow-wrap:anywhere}
.cmt .ch .crole{font-weight:400;color:var(--text-3);overflow-wrap:anywhere}
.cmt .ch time{margin-left:auto;font:400 0.6875rem/1.1 var(--font);color:var(--text-3);
  white-space:nowrap}
.cmt .cbdy{margin-top:3px;font:400 0.8125rem/1.5 var(--font);color:var(--text-2);
  overflow-wrap:anywhere}
.cmt-empty{font:400 0.8125rem/1.1 var(--font);color:var(--text-3);padding:2px 0 8px}



.cmt-compose{display:flex;align-items:flex-end;gap:8px;padding:7px 7px 7px 11px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}
.cmt-compose:focus-within{border-color:var(--accent)}
.cmt-compose textarea{flex:1;min-width:0;min-height:34px;max-height:132px;resize:none;
  background:transparent;border:0;padding:6px 0;color:var(--text);
  font:400 0.875rem/1.45 var(--font)}
.cmt-compose textarea:focus{outline:0}
.cmt-send{flex:none;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--accent);color:var(--accent-on)}
.cmt-send:hover{background:var(--accent-hover)}
 
.hlog{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}
.hrow{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:12px 12px;background:transparent;
  border:0;border-bottom:1px solid var(--border);font:inherit;cursor:default}
.hrow:last-child{border-bottom:0}
.hrow.clk{cursor:pointer}
.hrow.clk:hover{background:var(--surface-2)}
.hrow time{flex:none;width:84px;font:500 0.75rem/1.55 var(--font);color:var(--text-3)}
.hrow .ht{flex:1;min-width:0;font:400 0.8125rem/1.55 var(--font);color:var(--text)}
.hrow .hc{flex:none;color:var(--text-3);margin-top:2px}
.hrow.clk:hover .hc{color:var(--accent-text)}
 
.drawer-scrim{position:absolute;inset:0;background:var(--overlay);z-index:60;animation:ht-fade var(--dur-std)}
.drawer{position:absolute;top:0;right:0;bottom:0;width:min(460px,88%);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-2);z-index:61;display:flex;flex-direction:column;animation:ht-slide-r var(--dur-overlay) var(--ease)}
.drawer-head{display:flex;align-items:center;gap:12px;height:54px;padding:0 16px;border-bottom:1px solid var(--border);flex:none}
.drawer-body{flex:1;overflow-y:auto;padding:16px}
.drawer-foot{flex:none;border-top:1px solid var(--border);padding:12px 16px;display:flex;gap:8px;background:var(--surface-2);flex-wrap:wrap}



.app-phone{width:352px;flex:none}
.phone-frame{width:352px;height:734px;background:#0a0a0c;border-radius:42px;padding:12px;box-shadow:var(--shadow-2),0 0 0 2px rgba(255,255,255,.04);position:relative}
.phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;position:relative}
.phone-status{height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px 20px 0;font:600 0.6875rem/1.1 var(--font);color:var(--text-2)}
.phone-top{padding:8px 12px;border-bottom:1px solid var(--border);flex:none;background:var(--surface)}
.phone-body{flex:1;overflow-y:auto;padding:12px 12px 148px;background:var(--bg);min-width:0}
.phone-body.p0{padding:0}













:root{--navspace:81px}
.phone-nav{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);
  gap:2px;padding:7px 8px;border:1px solid var(--navline);border-radius:26px;
  background:var(--navbg);
  -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
  box-shadow:var(--navshadow);z-index:34}
.phone-nav::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(90deg,var(--navtint) 0%,transparent 30%,transparent 70%,var(--navtint) 100%)}


.pnav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  min-height:50px;color:var(--text-2);cursor:pointer;position:relative;padding:5px 0;min-width:0;
  border:0;border-radius:18px;background:transparent;font:inherit;
  transition:background var(--dur-micro),color var(--dur-micro),transform var(--dur-micro)}
.pnav:active{transform:scale(.96)}
 
.pnav.on{color:var(--accent-text);background:var(--caphl);box-shadow:inset 0 1px 0 var(--caphl)}







.pnav span.lab{font:500 0.75rem/1.1 var(--font);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pnav.on span.lab{font-weight:600}




.pnavic{position:relative;display:grid;place-items:center;width:28px;height:28px}











.pnav .ht-badge{position:absolute;top:-5px;left:19px;right:auto;min-width:15px;height:15px;
  padding:0 4px;font:700 0.5625rem/15px var(--font);box-shadow:0 0 0 2px var(--bg)}
 




.navmark{position:absolute;right:-6px;bottom:-2px;display:grid;place-items:center;
  width:13px;height:13px;border-radius:50%;background:var(--accent);color:var(--accent-on);
  box-shadow:0 0 0 2px var(--bg)}
.navmark svg{width:9px;height:9px;stroke-width:3}
.ticket-nav-scrim{position:absolute;inset:0;background:transparent;z-index:32}









.ticket-nav-menu{position:absolute;left:0;right:0;margin-inline:auto;width:240px;
  bottom:88px;z-index:33;padding:7px;background:var(--navbg);
  border:1px solid var(--navline);border-radius:22px;box-shadow:var(--navshadow);
  -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
  transform-origin:50% 100%;animation:ht-pop var(--dur-std) var(--ease)}
.ticket-nav-menu::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(160deg,var(--navtint) 0%,transparent 46%,var(--navtint) 100%);opacity:.7}
.ticket-nav-option{position:relative;display:flex;align-items:center;gap:13px;width:100%;min-height:48px;
  padding:0 14px;border:0;border-radius:16px;background:transparent;color:var(--text);
  font:600 0.9375rem/1.1 var(--font);text-align:left;cursor:pointer;
  transition:background var(--dur-micro),color var(--dur-micro)}
.ticket-nav-option+.ticket-nav-option{margin-top:2px}
.ticket-nav-option:hover,.ticket-nav-option:focus-visible{background:var(--caphl)}


.ticket-nav-option.on{background:var(--accent);color:var(--accent-on)}
.ticket-nav-option .tno-icon{display:grid;place-items:center;color:var(--text-2);flex:none}
.ticket-nav-option.on .tno-icon{color:var(--accent-on)}
.ticket-nav-option .tno-label{flex:1;min-width:0}
.profile-trigger{display:flex;align-items:center;gap:12px;flex:1;min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:10px}
.profile-trigger:hover{background:var(--surface-2)}
.profile-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.phone-child-title{font:600 0.75rem/1.1 var(--font);color:var(--accent-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:-7px 0 8px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--accent-text);font:600 0.75rem/1.1 var(--font);cursor:pointer}
.profile-back:hover{background:var(--accent-soft)}







.ticket-pop-open .fab{opacity:0;transform:scale(.85);pointer-events:none}









.fab{position:absolute;right:15px;bottom:calc(var(--navspace) + 14px);z-index:31;width:52px;height:52px;padding:0;border:0;
  transition:opacity var(--dur-std) var(--ease),transform var(--dur-std) var(--ease);
  border-radius:50%;background:var(--accent);color:var(--accent-on);cursor:pointer;
  box-shadow:var(--shadow-2);display:grid;place-items:center}
.fab:active{filter:brightness(.92)}
.fabmenu{position:absolute;right:15px;bottom:calc(var(--navspace) + 14px + 52px + 10px);z-index:32;min-width:214px;padding:8px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  box-shadow:var(--shadow-2);animation:ht-pop var(--dur-std) var(--ease)}
.plusbtn{width:38px;height:38px;flex:none;border:0;border-radius:var(--r-md);background:var(--accent);
  color:var(--accent-on);cursor:pointer;display:grid;place-items:center}
 
.sheet-scrim{position:absolute;inset:0;background:var(--overlay);z-index:70;animation:ht-fade var(--dur-std)}
.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border-radius:14px 14px 0 0;
  box-shadow:var(--shadow-2);padding:8px 16px 20px;z-index:71;animation:ht-slide-u var(--dur-overlay) var(--ease);
  max-height:78%;overflow-y:auto}
.sheet-grab{width:38px;height:4px;border-radius:999px;background:var(--border-strong);margin:0 auto 12px}
.sheet h4{margin:0 0 8px;font:600 0.6875rem/1.1 var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.sheet .sep{margin:12px -15px;border-top:1px solid var(--border)}
.sheet .popt{padding:12px 8px;font-size:0.875rem}
.phone-mode{font-size:0.875rem}
.phone-mode .ht-btn{height:44px;font-size:0.875rem;border-radius:14px}








.phone-mode .ht-input,.phone-mode .ht-textarea,.phone-mode .ht-select{height:44px;font-size:1rem;border-radius:14px}
.phone-mode .ht-textarea{height:auto}
.phone-mode .ht-chip{height:36px;font-size:0.8125rem}
.phone-mode h1{font-size:1.3125rem}
.phone-mode h3{font-size:0.875rem}
.phone-mode .fields{grid-template-columns:1fr}
.phone-mode .frm{grid-template-columns:1fr}
.phone-mode .ht-seg{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.phone-mode .ht-seg::-webkit-scrollbar{display:none}
.phone-mode .ht-seg>button{font-size:0.75rem;padding:0 8px;height:32px;flex:none}
.phone-mode .toolbar{gap:8px}
.phone-mode .toolbar .tb-r{margin-left:0}
.phone-mode .toolbar .tb-l{gap:8px}
.phone-mode .mdl-head{padding:0 0 12px}
.phone-mode .mdl-body{padding:0}
.phone-mode .mdl-foot{margin:16px -13px -13px;border-radius:0}
.phone-mode .xbtn{display:none}
.phone-mode .lead{display:none}
.phone-mode .toolbar .tb-l,.phone-mode .toolbar .tb-r{gap:4px}
.phone-mode .toolbar .tb-r{border-left:0!important;padding-left:0!important;margin-left:0!important}
.phone-mode .toolbar .tb-r::before{display:none!important;content:none!important}















.agenda-toolbar{padding-top:2px}
.phone-mode .agenda-toolbar{padding-top:0;margin-top:-5px}
.phone-mode .agenda-toolbar .tb-l{width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:2px}
.phone-mode .agenda-toolbar .tb-l::-webkit-scrollbar{display:none}
.phone-mode .agenda-toolbar .fchip{flex:1;min-width:0;height:30px;justify-content:center;gap:4px;padding:0 4px 0 8px;font-size:0.6875rem}
.phone-mode .agenda-toolbar .fchip .cc{min-width:17px;height:17px;padding:0 4px;font-size:0.6875rem}
.phone-mode .agenda-toolbar .tb-r{width:100%;justify-content:flex-start}
.phone-mode .agenda-head-mobile{margin-bottom:12px}
.phone-mode .agenda-head-actions{margin-left:auto;display:flex;align-items:center;gap:4px;border:0;padding:0}
.phone-mode .agenda-head-actions>*+*{border-left:0!important;margin-left:0!important;padding-left:0!important}
.phone-mode .agenda-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.phone-mode .agenda-card-top .pchips{margin:0;flex-wrap:wrap;min-width:0}
.phone-mode .agenda-kind{flex:none;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 0.6875rem/1.1 var(--font);color:var(--text-3)}
.phone-mode .agenda-card>.pmeta{display:none}
.phone-mode .agenda-card .ptitle{font-size:0.8125rem;line-height:1.3}
.phone-mode .agenda-card .ht-status{height:23px;padding:0 8px;gap:4px;font:500 0.6875rem/1.1 var(--font)}
.phone-mode .agenda-card .ht-status::before{width:6px;height:6px}
.phone-mode .agenda-wa{width:auto!important;height:30px!important;margin:8px 0 0 auto!important;padding:0 12px;font-size:0.6875rem!important;gap:4px;border-radius:10px!important}
.phone-mode .module-list-toolbar,.phone-mode .issues-toolbar{flex-wrap:nowrap}
.phone-mode .module-list-toolbar .tb-l,.phone-mode .issues-toolbar .tb-l{flex:1;min-width:0;flex-wrap:nowrap}
.phone-mode .module-list-toolbar .tb-r,.phone-mode .issues-toolbar .tb-r{margin-left:auto!important;flex-wrap:nowrap}
.phone-mode .filter-sort-actions{display:flex;align-items:center;gap:4px;border:0!important;padding:0!important}
.phone-mode .filter-sort-actions>*+*{border-left:0!important;margin-left:0!important;padding-left:0!important}
.phone-mode .filter-sort-actions::before{display:none!important;content:none!important}


.phone-mode .filter-sort-actions .popwrap,.phone-mode .module-list-toolbar .popwrap{width:44px;height:44px;display:grid!important;place-items:center;padding:0!important}



.phone-mode .filter-sort-actions .popwrap .icon-btn--bare,
.phone-mode .module-list-toolbar .popwrap .icon-btn--bare{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.phone-mode .issue-composer-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px!important;align-items:center!important}
.phone-mode .issue-tag-chips{display:none}
.phone-mode .issue-mobile-tag,.phone-mode .issue-priority{display:flex;align-items:center;width:auto!important;min-width:0;min-height:44px}
.phone-mode .issue-composer-actions .issue-select,.phone-mode .issue-composer-actions #issuePriority{width:100%;height:30px!important;padding:0 24px 0 8px;font-size:0.75rem;border-radius:var(--r-md)}
.phone-mode .issue-composer-actions>div{min-height:44px;display:flex;align-items:center}
.phone-mode .issue-composer-actions>div:last-child{grid-column:1/-1;justify-self:end}
.phone-mode .issue-submit{height:30px!important;padding:0 12px;font-size:0.75rem!important;border-radius:var(--r-md)!important}
.phone-mode .issue-submit::after,.phone-mode .agenda-wa::after{content:'';position:absolute;inset:-7px}
.phone-mode .issue-submit,.phone-mode .agenda-wa{position:relative}
.phone-mode .module-list-toolbar .tb-l>label{min-height:44px}
.phone-mode .fchip{height:44px!important;padding:0!important;border:0!important;background:transparent!important}
.phone-mode .fchip-vis{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:30px;padding:0 4px 0 8px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--text-2)}
.phone-mode .fchip.on .fchip-vis{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
.empty-action{margin-top:12px}
.phone-mode .empty-action{min-height:44px}
.phone-edge{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px}
.phone-edge .edge-icon{width:46px;height:46px;border-radius:14px;background:var(--surface-3);color:var(--text-2);display:grid;place-items:center;margin-bottom:12px}
.phone-edge h2{font-size:1.0625rem}
.phone-edge p{max-width:260px;margin:8px 0 16px;color:var(--text-2);font-size:0.8125rem}
.phone-loader{width:28px;height:28px;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:ht-spin .7s linear infinite;margin-bottom:12px}
@keyframes ht-spin{to{transform:rotate(360deg)}}
.phone-mode .asset-phone-toolbar{margin-bottom:12px}
.phone-mode .asset-phone-toolbar .tb-l{display:grid;grid-template-columns:44px 44px minmax(0,1fr) 44px;gap:4px;width:100%;flex:1}
.phone-mode .asset-phone-toolbar .popwrap,.phone-mode .asset-phone-toolbar .asset-export-hit{width:44px;height:44px;display:grid!important;place-items:center}
.phone-mode .asset-phone-toolbar .searchpill{display:flex;align-items:center;min-width:0;max-width:none!important}
.phone-mode .asset-phone-toolbar .searchpill input{height:33px;padding-left:32px;font-size:0.75rem}
.phone-mode .asset-phone-toolbar .searchpill .si{left:11px;top:14px}
.phone-mode .asset-phone-toolbar .asset-export{width:33px;height:33px;padding:0;border-radius:10px}
.phone-mode :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.profile-destination-note{display:block;margin-top:4px;color:var(--text-3);font:500 0.6875rem/1.25 var(--font)}
 
.phone-mode .pcard{padding:12px;margin-bottom:12px;overflow:hidden}
.phone-mode .ptitle{font:400 0.875rem/1.4 var(--font);color:var(--text);overflow-wrap:anywhere}
.phone-mode .pmeta{font:400 0.6875rem/1.3 var(--font);color:var(--text-3);margin-top:2px;overflow-wrap:anywhere}
.phone-mode .prow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 0;border-top:1px solid var(--border);margin-top:8px}
.phone-mode .prow:first-of-type{margin-top:8px}
.phone-mode .prow .pk{font:500 0.75rem/1.4 var(--font);color:var(--text-2);flex:none}
.phone-mode .prow .pv{font:400 0.8125rem/1.4 var(--font);color:var(--text);text-align:right;min-width:0;overflow-wrap:anywhere}
.phone-mode .pchips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
 
.plist{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--shadow-card)}
.prow-i{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 12px;
  background:transparent;border:0;border-bottom:1px solid var(--border);cursor:pointer;font:inherit;color:var(--text)}
.prow-i:last-child{border-bottom:0}
.prow-i:active{background:var(--surface-2)}
.prow-i .pdot{width:8px;height:8px;border-radius:50%;flex:none}
.prow-i .pbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.prow-i .pl1{font:400 0.875rem/1.4 var(--font);color:var(--text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow-i .pl2{font:400 0.6875rem/1.3 var(--font);color:var(--text-3);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}







.ht-tag--unit{font-variant-numeric:tabular-nums;letter-spacing:.03em;
  background:var(--surface-3);color:var(--text-2)}
.prow-i--3{align-items:flex-start}
.prow-i--3 .pdot{margin-top:6px}
.prow-i--3 .pend{margin-top:1px}
.prow-i .pl3{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:1px}
.prow-i .pl3 .ht-status,.prow-i .pl3 .ht-tag{font-size:0.6875rem;padding:1px 7px}
.prow-i .pl3-who{font:600 0.6875rem/1.1 var(--font);color:var(--text-3);
  letter-spacing:.04em;white-space:nowrap}
.prow-i .pend{flex:none;display:flex;align-items:center;gap:4px;color:var(--text-3)}



.prow-i .pl3-who--me{color:var(--hold)}
.prow-i .pnum{font:600 0.75rem/1.1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap}


.tplrow{display:flex;flex-direction:column;gap:8px;padding:12px;
  border-bottom:1px solid var(--border)}
.tplrow:last-child{border-bottom:0}
.tplrow .tr1{display:flex;align-items:flex-start;gap:8px}
.tplrow .tn2{flex:1;min-width:0;font:400 0.875rem/1.4 var(--font);color:var(--text);overflow-wrap:anywhere}
.tplrow .tsub{font:400 0.75rem/1.4 var(--font);color:var(--text-3);overflow-wrap:anywhere}
.tplrow .tacts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tplrow .tacts:empty{display:none}
 
.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px;padding:0 32px 24px;justify-items:center}
.pinkey{width:66px;height:66px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface);
  color:var(--text);font:600 1.75rem/1.1 var(--font-display);cursor:pointer;display:grid;place-items:center;
  transition:transform var(--dur-micro),background var(--dur-micro)}
.pinkey:active{transform:scale(.94);background:var(--surface-3)}
.pinkey--ghost{border-color:transparent;background:transparent;color:var(--text-2);font-size:1.0625rem}
.pindot{width:13px;height:13px;border-radius:50%;border:2px solid var(--border-strong);transition:.16s}
.pindot.on{border-color:var(--accent);background:var(--accent)}
 
.rowflex{display:flex;align-items:center;gap:12px}
.between{display:flex;align-items:center;justify-content:space-between;gap:12px}
.muted{color:var(--text-2)}
.mut3{color:var(--text-3)}
.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(146px,1fr));gap:12px}





.grid-kpi .kpicard{padding:12px 13px;min-height:58px;display:flex;flex-direction:column;justify-content:center}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:12px}






.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:12px}
.cat-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.cat-pic{aspect-ratio:4/3;background:var(--surface-3);border-bottom:1px solid var(--border);display:grid;place-items:center}
.cat-pic .thumb{width:100%;height:100%;border:0;border-radius:0;background:transparent}
.cat-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.cat-name{font:600 0.8125rem/1.35 var(--font);color:var(--text)}
.cat-sub{font:400 0.75rem/1.35 var(--font);color:var(--text-3)}


.cat-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-price{font:700 0.8125rem/1.2 var(--font-display);color:var(--text);letter-spacing:-.01em}
.cat-foot{margin-top:auto;padding-top:7px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}


.phone-mode .cat-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.phone-mode .cat-name{font-size:0.75rem}
.phone-mode .cat-sub{font-size:0.6875rem}
.sec-eyebrow{font:600 0.6875rem/1.25 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}
.divider{height:1px;background:var(--border);margin:16px 0}
.sechead{display:flex;align-items:center;gap:8px;margin-bottom:12px}








.sechead h3,.sectitle{font:600 1.0625rem var(--font-display);margin:0}
 
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.toolbar .tb-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.toolbar .tb-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.pf-btn{flex:1;height:42px;border:1.5px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text-2);font:600 0.875rem/1.1 var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.pf-btn.pass.on{border-color:var(--done);background:var(--done-soft);color:var(--text)}
.pf-btn.fail.on{border-color:var(--hold);background:var(--hold-soft);color:var(--text)}
.pf-btn.na.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}
.photo-tile{width:62px;height:62px;border-radius:10px;background:var(--surface-3);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-3)}
.photo-add{width:62px;height:62px;border-radius:10px;border:1.5px dashed var(--border-strong);background:transparent;color:var(--accent-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font:600 0.6875rem var(--font)}
 
.itemacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.iact{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 12px;border:1px solid var(--border);
  border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-3);
  font:600 0.75rem/1.1 var(--font);cursor:pointer;white-space:nowrap}
.iact:hover{border-color:var(--border-strong);color:var(--text-2);background:var(--surface-3)}
.iact.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
.iact .cnt{font-variant-numeric:tabular-nums}



.itemshots{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.shot{margin:0;display:flex;flex-direction:column;gap:5px;align-items:center;max-width:150px}
.shot img{display:block;max-width:150px;max-height:150px;width:auto;height:auto;
  border-radius:var(--r-md);border:1px solid var(--border);object-fit:cover;background:var(--surface-3)}
.shot figcaption{font:400 0.6875rem/1.3 var(--font);color:var(--text-3);text-align:center}
.shot--gone .shotbox{display:flex;align-items:center;justify-content:center;width:80px;height:80px;
  border-radius:var(--r-md);border:1px dashed var(--border-strong);color:var(--text-3);
  background:var(--surface-3)}


.shotbtn{padding:0;border:0;background:none;cursor:zoom-in;display:block;border-radius:var(--r-md)}
.shotbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.shotfull{display:flex;align-items:center;justify-content:center;padding:0}
.shotfull img{max-width:100%;max-height:70vh;width:auto;height:auto;display:block;
  border-radius:var(--r-md);background:var(--surface-3)}
 
.revsec{padding:13px 15px;margin-top:9px;display:flex;gap:12px;flex-wrap:wrap;
  align-items:flex-start;justify-content:space-between}
.pill{display:inline-block;padding:1px 8px;border-radius:999px;font:600 0.6875rem/1.6 var(--font)}









.pill--ok{background:var(--sc-done-bg);color:var(--sc-done-fg)}
.pill--bad{background:var(--sc-hold-bg);color:var(--sc-hold-fg)}



.pill--off{background:var(--idle-soft);color:var(--text-2)}
.pill--code{background:var(--accent-soft);color:var(--accent-text);font-variant-numeric:tabular-nums}













.ogrid{display:grid;gap:12px;margin-top:12px;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.phone-mode .ogrid{grid-template-columns:1fr 1fr;gap:10px}




.otile{position:relative;display:block;width:100%;padding:0;text-align:left;cursor:pointer;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--shadow-card);
  transition:box-shadow var(--dur-micro),border-color var(--dur-micro),transform var(--dur-micro)}
.otile:hover{box-shadow:var(--shadow-card-h);border-color:var(--border-strong);transform:translateY(-1px)}
.otile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}











.otile-art{position:relative;display:block;aspect-ratio:4/3;max-width:100%;
  background:var(--surface-2);border-bottom:1px solid var(--border)}
.otile-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  padding:6px;box-sizing:border-box;display:block}




.otile-ph{position:absolute;inset:0;display:grid;place-items:center;
  color:var(--text-3);opacity:.45}
.otile-ph svg{width:78%;height:auto;display:block}












.otile-art.has-art .otile-ph{display:none}










.otile-bar{display:block;padding:7px 9px 8px;background:var(--surface)}
.otile-nm{display:block;font:600 0.75rem/1.35 var(--font);color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}





.otile-row{display:flex;align-items:center;gap:6px;margin-top:1px}
.otile-hr{flex:1 1 auto;min-width:0;font:400 0.6875rem/1.35 var(--font);
  color:var(--text-3);font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.otile-st{flex:none;padding:0 6px;border-radius:var(--r-pill);
  font:600 0.625rem/1.5 var(--font);background:var(--idle-soft);color:var(--text-2)}
.otile-st.is-open{background:var(--done-soft);color:var(--text)}





.otile-rv{position:absolute;inset:0;display:grid;place-items:center;
  background:var(--overlay);color:#fff;opacity:0;transition:opacity var(--dur-std);
  font:700 1.375rem/1 var(--font-display);letter-spacing:.08em;pointer-events:none}
@media (hover:hover){
  .otile:hover .otile-rv,.otile:focus-visible .otile-rv{opacity:1}
}
.phone-mode .otile-rv{display:none}





.ohead-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:2px}





.osec{margin:39px 0 6px;font:var(--fl-font);letter-spacing:var(--fl-track);
  text-transform:uppercase;color:var(--text-3)}
.osec:first-child{margin-top:4px}



.phone-mode .kv--long .v{text-align:left}
.phone-mode .kv--long{gap:16px}




.kv--sec{width:100%;border:0;background:none;text-align:left;cursor:pointer;
  font:inherit;color:inherit;align-items:center}
.kv--sec .v{display:flex;align-items:center;gap:8px;color:var(--text-2)}
.kv--sec .dots{letter-spacing:.14em;font:600 0.8125rem var(--font);color:var(--text-3)}
.kv--sec .eye{flex:none;display:grid;place-items:center;width:26px;height:26px;
  border-radius:var(--r-pill);color:var(--text-2)}
.kv--sec:hover .eye{background:var(--surface-3);color:var(--text)}
.kv--sec:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--r-sm)}
.kv--sec.is-open .v{color:var(--text)}
.kv--sec.is-open .eye{color:var(--accent-text)}



.phone-mode .kv--sec{min-height:44px}



.pinask{margin:8px 0 4px;padding:11px 12px;border-radius:var(--r-md);
  background:var(--accent-soft);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pinask .t{flex:1 1 100%;font:400 0.75rem/1.45 var(--font);color:var(--text-2)}
.pinask .ht-input{max-width:126px;letter-spacing:0.25em;font-variant-numeric:tabular-nums}
.pinask .bad{flex:1 1 100%;font:600 0.75rem var(--font);color:var(--hold)}



.omap{position:relative;display:block;aspect-ratio:3/1;max-width:100%;overflow:hidden;
  border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);
  margin-top:6px}
.omap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.omap-ph{position:absolute;inset:0;display:block;color:var(--text-3);opacity:.4}
.omap-ph svg{width:100%;height:100%;display:block}
.omap-ov{position:absolute;inset:0;display:grid;place-items:center;background:var(--overlay);
  color:#fff;font:600 0.8125rem var(--font);opacity:0;transition:opacity var(--dur-std)}
@media (hover:hover){ .omap:hover .omap-ov{opacity:1} }




.omap-tag{position:absolute;right:8px;bottom:8px;display:none;align-items:center;gap:4px;
  padding:3px 8px;border-radius:var(--r-pill);background:var(--surface);
  border:1px solid var(--border);color:var(--accent-text);
  font:600 0.6875rem/1.5 var(--font)}


.phone-mode .omap-tag{display:flex}
.phone-mode .omap-ov{display:none}


.na--lock{display:inline-flex;align-items:center;gap:4px;color:var(--text-3)}
.lockednote{display:flex;gap:7px;align-items:flex-start;margin-top:11px;padding:9px 11px;
  border:1px dashed var(--border-strong);border-radius:var(--r-md);
  color:var(--text-3);font:400 0.75rem/1.45 var(--font)}
.itembox{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);padding:12px;
  display:flex;flex-direction:column;gap:8px}




































.kv{display:flex;gap:12px;padding:4px 0}
.kv .k{font:500 0.8125rem var(--font);color:var(--text-2);flex:0 0 132px}
.kv .v{font:600 0.8125rem var(--font);color:var(--text);min-width:0;overflow-wrap:anywhere}
.phone-mode .kv{justify-content:space-between}
.phone-mode .kv .k{flex:none}
.phone-mode .kv .v{text-align:right}
.timeline-dot{width:11px;height:11px;border-radius:50%;flex:none}























.nrow{background:var(--surface-2)}
.nrow .ntxt{font:400 0.875rem/1.45 var(--font);color:var(--text-2)}
.nrow .ndot{width:8px;height:8px;border-radius:var(--r-pill);flex:none;margin-top:6px;
  background:transparent;border:1.5px solid var(--border-strong)}
.nrow--new{background:var(--surface)}
.nrow--new .ntxt{font-weight:600;color:var(--text)}
.nrow--new .ndot{background:var(--accent);border-color:var(--accent)}
.hovwrap{position:relative;flex:none}



.hovpop{position:absolute;top:calc(100% + 8px);right:0;width:326px;max-height:min(46vh,320px);overflow:auto;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);
  box-shadow:var(--shadow-2);padding:14px 16px;z-index:60;
  opacity:0;visibility:hidden;transform:translateY(-4px);
  transition:opacity .12s var(--ease),transform .12s var(--ease),visibility .12s}



.hovwrap:hover .hovpop,.hovwrap:focus-within .hovpop,.hovwrap--open .hovpop{opacity:1;visibility:visible;transform:none}
.wfnum{width:20px;height:20px;border-radius:var(--r-pill);flex:none;display:grid;place-items:center;
  font:600 0.6875rem/1 var(--font);color:#fff}
.wfnum--todo{background:transparent;border:1.5px solid var(--border-strong);color:var(--text-3)}
.wfdir{font:400 0.6875rem/1.4 var(--font);color:var(--text-3);margin:-4px 0 10px}
 
.phone-mode .hovwrap--wf{display:none}
.wffold{width:100%;background:none;border:0;padding:0;cursor:pointer;text-align:left;
  display:flex;align-items:center;gap:8px;min-height:44px;color:var(--text)}
.wffold .grow{flex:1}
.bar-track{height:18px;background:var(--surface-3);border-radius:6px;overflow:hidden;flex:1}
.bar-fill{height:100%;border-radius:6px}
.searchpill{flex:1;min-width:120px;position:relative}
.searchpill input{width:100%;height:34px;padding:0 16px 0 38px;border:1px solid var(--border);
  border-radius:var(--r-pill);background:var(--surface-2);color:var(--text);font:400 0.875rem var(--font);outline:none}
.searchpill input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.searchpill .si{position:absolute;left:13px;top:8px;color:var(--text-3);pointer-events:none}
.logotile{width:31px;height:31px;border-radius:10px;overflow:hidden;flex:none;display:block;
  border:1px solid var(--border);background:var(--surface-2)}
.logotile img{width:100%;height:100%;display:block;object-fit:cover}
.hscroll{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.hscroll>*{scroll-snap-align:start;flex:none}
.hscroll--kpi>*{width:calc((100% - 2.5*12px)/3.5)}
.hscroll--ip>*{width:calc((100% - 2*12px)/3)}
 











.hscroll--sq>*{flex:1 1 0;min-width:0}

















































.scgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));
  gap:12px;padding:2px}








.hscroll--sc>.sctile{flex:1 1 0;min-width:148px}
.sctile{position:relative;display:flex;flex-direction:column;gap:2px;
  text-decoration:none;color:var(--text);min-width:0}
.sctile .sc-i{width:27px;height:27px;border-radius:9px;background:var(--surface-3);
  color:var(--text-2);display:grid;place-items:center;flex:none;margin-bottom:6px}








.sctile .sc-t{font:600 0.875rem/1.3 var(--font);color:var(--text);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  line-clamp:2;overflow:hidden;overflow-wrap:anywhere}



.sctile .sc-out{position:absolute;top:10px;right:10px;color:var(--text-3);
  display:inline-flex}
.phone-mode .hscroll--sq{gap:8px}


































.sqkpi{min-height:56px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
.sqkpi .sqn{font:700 0.9375rem/1.15 var(--font-display);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.sqkpi .sql{font:600 0.5625rem/1.2 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);overflow-wrap:anywhere}
.phone-mode .hscroll--kpi>*{width:132px}
.phone-mode .hscroll--ip>*{width:196px}
.phone-mode .hscroll{gap:12px}
.menu{min-width:230px;padding:8px}
.menu .mi{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:var(--r-sm);
  cursor:pointer;font:500 0.875rem/1.25 var(--font);color:var(--text)}
.menu button.mi{width:100%;border:0;background:transparent;text-align:left}
.menu .mi:hover{background:var(--surface-3)}
.menu .mi .mic{color:var(--text-2);flex:none;display:grid;place-items:center}
.menu .mi small{display:block;font:400 0.75rem/1.4 var(--font);color:var(--text-3);margin-top:2px}









.dash{display:inline-block;min-width:18px;color:var(--text-3);font-weight:400}
 
.masked{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.maskval{letter-spacing:.16em;color:var(--text-3);font-weight:700}
.unlockb{border:0;background:none;padding:0;color:var(--accent-text);cursor:pointer;
  font:600 0.75rem/1.1 var(--font);display:inline-flex;align-items:center;gap:4px}
.unlockb:hover{text-decoration:underline}
.pinbox{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.pinbox input{width:132px;letter-spacing:.3em;text-align:center}
 
.tb-top{display:flex;align-items:center;gap:8px;padding:8px 0 16px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}
.tb-hero{display:flex;gap:16px;margin-bottom:20px}
.tb-thumb{width:70px;height:70px;flex:none;border:1.5px dashed var(--border-strong);border-radius:var(--r-md);
  display:grid;place-items:center;color:var(--accent-text);background:var(--surface-2);cursor:pointer}
.tb-title{font:700 1.3125rem/1.25 var(--font-display);letter-spacing:-.02em;color:var(--text);border:0;background:transparent;width:100%;outline:none;padding:0}
.tb-desc{font:400 0.875rem/1.4 var(--font);color:var(--text-3);border:0;background:transparent;width:100%;outline:none;padding:4px 0 0}
.tb-sec{margin-bottom:20px}
.tb-sech{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.tb-sech h4{margin:0;font:600 0.875rem/1.25 var(--font-display);color:var(--text)}
.tb-note{margin:0 0 12px;font:400 0.8125rem/1.55 var(--font);color:var(--text-2)}
.tb-grid{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}
.tb-hr{display:grid;grid-template-columns:minmax(0,1fr) 226px;background:var(--surface-2);border-bottom:1px solid var(--border)}
.tb-hr>div{padding:8px 12px;font:600 0.6875rem/1.25 var(--font);letter-spacing:.06em;color:var(--text-3);text-transform:uppercase}
.tb-hr>div+div{border-left:1px solid var(--border)}
.tb-grid .tb-r{display:grid;grid-template-columns:minmax(0,1fr) 226px;border-bottom:1px solid var(--border)}
.tb-grid .tb-r:last-child{border-bottom:0}
.tb-grid .tb-r>div{padding:8px 12px;display:flex;align-items:center;gap:8px;min-width:0}
.tb-grid .tb-r>div+div{border-left:1px solid var(--border)}
.tb-grid .tb-r input{border:0;background:transparent;outline:none;font:400 0.875rem var(--font);color:var(--text);width:100%;min-width:0}
.tb-grid .tb-r input::placeholder{color:var(--accent-text);opacity:.75}
.tb-grid .tb-r .hd{color:var(--text-3);cursor:grab;flex:none}
.tb-rt{display:flex;align-items:center;gap:8px;font:500 0.8125rem/1.1 var(--font);color:var(--text-2);width:100%;min-width:0}
.tb-req{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);
  background:var(--surface-2);font:500 0.75rem/1.1 var(--font);color:var(--text-2)}
.tb-wf{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-lg);
  background:var(--accent-soft);color:var(--accent-text);font:600 0.8125rem/1.1 var(--font);margin-top:8px}






.scopepill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 13px;
  border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text);
  cursor:pointer;font:600 0.8125rem/1.1 var(--font);max-width:240px;flex:none;white-space:nowrap}
.scopepill:hover{border-color:var(--border-strong)}
.scopepill.on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-text)}
.scopepill .st{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opop{min-width:340px;max-width:340px;padding:0;overflow:hidden;display:flex;flex-direction:column;
  max-height:calc(100vh - 90px)}


.opop[hidden]{display:none}




.opk-head{padding:12px 12px 8px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border);flex:none}
.opk-head .between{gap:10px;align-items:center}
.opk-head .ht-label{font-size:0.65625rem;line-height:1.3}
.opk-acts{display:flex;align-items:center;gap:6px;flex:none}
.opk-acts .cellink{white-space:nowrap}
.opk-q{position:relative;display:flex;align-items:center;color:var(--text-3)}
.opk-q>svg{position:absolute;left:10px;pointer-events:none}
.opk-q input{width:100%;height:32px;padding:0 10px 0 30px;border:1px solid var(--border);border-radius:var(--r-ctl);
  background:var(--surface-2);color:var(--text);font:400 0.8125rem/1 var(--font);outline:none}
.opk-q input:focus{border-color:var(--accent);background:var(--surface)}
.opop .popscroll.opk-list{max-height:none;margin:0;flex:1;min-height:0;overflow-y:auto;padding:6px}
.ckrow.opk{display:grid;grid-template-columns:16px 40px minmax(0,1fr);gap:10px;align-items:center;
  height:36px;padding:0 10px;border-radius:var(--r-ctl);cursor:pointer}
.ckrow.opk:hover{background:var(--surface-3)}
.ckrow.opk.on{background:var(--accent-soft)}
.opk-box{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:5px;display:grid;place-items:center;color:var(--accent-on)}
.ckrow.opk.on .opk-box{background:var(--accent);border-color:var(--accent)}
.opk-code{font:600 0.78125rem/1 var(--font);color:var(--text);letter-spacing:.02em}
.opk-name{font:400 0.78125rem/1.2 var(--font);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.osc-row{flex:1;min-width:0;display:flex;align-items:baseline;gap:7px}
.osc-code{flex:none;min-width:3.1em}
.osc-name{min-width:0}
.opk-sec{padding:6px 10px 4px;font:600 0.6875rem/1.25 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}
.opk-sec--on{color:var(--accent-text)}
.opk-rule{height:1px;background:var(--border);margin:6px 4px}
.opk-none{padding:14px 10px;font:400 0.78125rem/1.4 var(--font);color:var(--text-3)}
.opk-note{padding:9px 14px;margin:0;border-top:1px solid var(--border);background:var(--surface-2);flex:none}
.olock{color:var(--text-3);flex:none}
 
.rpt{background:#fff;color:#15130f;border-radius:var(--r-md);border:1px solid var(--border);overflow:hidden}
.rpt-inner{padding:24px 32px;font:400 0.75rem/1.55 var(--font)}
.rpt h1{font:700 1.0625rem/1.25 var(--font-display);color:#15130f;margin:0}
.rpt .rmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:#dedcd6;
  border:1px solid #dedcd6;margin:16px 0 20px}
.rpt .rmeta>div{background:#fff;padding:8px 12px}
.rpt .rk{font:600 0.6875rem/1.1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:#8a8780}
.rpt .rv{font:600 0.75rem/1.4 var(--font);color:#15130f;margin-top:4px}
.rpt .rsec{font:600 0.8125rem/1.1 var(--font-display);color:#15130f;background:#f2f1ed;border:1px solid #dedcd6;
  padding:8px 12px;margin:16px 0 0}
.rpt table{width:100%;border-collapse:collapse;font-size:0.75rem}
.rpt th{text-align:left;background:#faf9f6;border:1px solid #dedcd6;padding:8px 8px;
  font:600 0.6875rem/1.25 var(--font);letter-spacing:.08em;text-transform:uppercase;color:#8a8780}
.rpt td{border:1px solid #dedcd6;padding:8px 8px;vertical-align:top;color:#3a3833}
.rpt .rres{font-weight:700;white-space:nowrap}
.rpt .rpass{color:#1f8a4c}.rpt .rfail{color:#c0392b}.rpt .rna{color:#8a8780}
.rpt .rnote{color:#5c5952;font-style:italic;display:block;margin-top:4px}
.rpt .rfoot{margin-top:24px;padding-top:12px;border-top:1px solid #dedcd6;
  display:flex;justify-content:space-between;gap:16px;font-size:0.6875rem;color:#8a8780;flex-wrap:wrap}
.rpt .rsign{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.rpt .rsign div{border-top:1px solid #3a3833;padding-top:4px;font-size:0.6875rem;color:#5c5952}












td.cbc .rn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;
  border:1.5px solid transparent;font:500 0.75rem/1.1 var(--font);font-variant-numeric:tabular-nums;
  color:var(--text-3);cursor:pointer;transition:border-color var(--dur-micro),background var(--dur-micro),color var(--dur-micro)}
tr:hover td.cbc .rn{border-color:var(--border-strong);color:var(--text-2);background:var(--surface)}
td.cbc:hover .rn{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}
td.cbc .cbx{display:none}
td.cbc.on .rn{display:none}
td.cbc.on .cbx{display:grid}
th.cbc,td.cbc{width:44px;padding-right:0}


td .cellttl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
th.ttl,td.ttl{min-width:300px;max-width:360px}
.phone-mode th.ttl,.phone-mode td.ttl{min-width:180px}
td .cellsub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}












body:not(.phone-mode) table.ht-table th{padding:9px 10px;letter-spacing:.07em}



body:not(.phone-mode) table.ht-table--tk th{text-align:left}
body:not(.phone-mode) table.ht-table--tk th.cbc{text-align:center}
body:not(.phone-mode) table.ht-table td{padding:8px 10px;font:400 0.78125rem/1.45 var(--font);border-bottom-color:var(--hair)}
body:not(.phone-mode) table.ht-table--tk tbody tr{height:41px}


body:not(.phone-mode) table.ht-table--tk tbody tr:last-child td{border-bottom:1px solid var(--hair)}
body:not(.phone-mode) table.ht-table--tk td.c-outlet{font-weight:500;color:var(--text-code,var(--text))}






body:not(.phone-mode) table.ht-table--tk{min-width:1034px}
body:not(.phone-mode) table.ht-table--tk th.ttl{width:32%;min-width:0;max-width:none}
body:not(.phone-mode) table.ht-table--tk td.ttl{width:32%;min-width:0;max-width:0}
body:not(.phone-mode) table.ht-table--tk th.c-outlet{width:75px}
body:not(.phone-mode) table.ht-table--tk th.c-priority,
body:not(.phone-mode) table.ht-table--tk th.c-role{width:104px}
body:not(.phone-mode) table.ht-table--tk th.c-status{width:140px}
body:not(.phone-mode) table.ht-table--tk th.c-due{width:116px}
body:not(.phone-mode) table.ht-table--tk th.c-type{width:108px}
body:not(.phone-mode) table.ht-table--tk td.c-role,
body:not(.phone-mode) table.ht-table--tk td.c-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
 
.tkttl{position:relative;display:flex;align-items:baseline;gap:7px;min-width:0}
.tkname{font:400 0.78125rem/1.45 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}
.tkttl.un .tkname{font-weight:700}



.tkfine{font:400 0.6875rem/1.45 var(--font);color:var(--text-3);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;flex:0 40 auto;min-width:62px;font-variant-numeric:tabular-nums}
.tkfine::before{content:"\00b7\00a0"}
.tkdot{display:none;position:absolute;left:-11px;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:var(--r-pill);background:var(--accent)}
.tkttl.un .tkdot{display:block}
.tkttl .ht-chip,.tkttl [class*="mine"]{flex:none}
 
.due{white-space:nowrap}
 
.due--late{color:var(--hold);font-weight:400}
.due--today{color:var(--prog);font-weight:400}
.due--idle{color:var(--text-3)}
 
.tblscroll--fill{display:flex;flex-direction:column}
.tblscroll--fill>table{flex:none}
.tblfill{flex:1 0 0;min-height:0;
  background:repeating-linear-gradient(to bottom,transparent 0 40px,var(--hair) 40px 41px)}
.phone-mode .tblfill{display:none}



 
.mdl--k-ticket .mdl-head .kicker{font:600 0.6875rem/1.3 var(--font);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.mdl--k-ticket .mdl-head h3{margin-top:4px}
 
.nextban{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px;margin:0 0 13px;
  border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--surface-2);
  font:400 0.78125rem/1.4 var(--font);color:var(--text-2)}
.nextban>svg{flex:none;color:var(--text-3)}
.nextban b{font-weight:600;color:var(--text)}
.nextban .seenmark{vertical-align:-2px}
.nextban--you{background:var(--sc-prog-bg);border-color:color-mix(in srgb,var(--sc-prog-fg) 22%,transparent)}
.nextban--you b,.nextban--you>svg{color:var(--sc-prog-fg)}
.nextban--done{background:var(--sc-done-bg);border-color:color-mix(in srgb,var(--sc-done-fg) 22%,transparent)}
.nextban--done b,.nextban--done>svg{color:var(--sc-done-fg)}
 
body:not(.phone-mode) .tkfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
body:not(.phone-mode) .tkfacts .kv{flex-direction:column;gap:3px;padding:0;min-width:0}
body:not(.phone-mode) .tkfacts .kv .k{flex:none;font:500 0.71875rem/1.3 var(--font);color:var(--text-3)}
body:not(.phone-mode) .tkfacts .kv .v{font:600 0.8125rem/1.35 var(--font)}
 
body:not(.phone-mode) .tkfacts .exstack{align-items:flex-start;text-align:left}







body:not(.phone-mode) .tabbar{display:inline-flex;width:auto;max-width:100%!important;padding:3px}
body:not(.phone-mode) .tabbar>button{flex:0 0 auto;height:30px;padding:0 16px}
 
.viewbtn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid var(--border);
  border-radius:var(--r-ctl);background:var(--surface);color:var(--text-2);font:500 0.75rem/1.1 var(--font);cursor:pointer;white-space:nowrap}
.viewbtn:hover{background:var(--surface-3);color:var(--text)}
.viewbtn[aria-expanded="true"]{background:var(--surface-3)}
.viewchev{display:inline-flex;color:var(--text-3)}
.phone-mode .viewbtn{min-height:44px}
 
.mstep{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:10px 0 2px}
.mstep-i{display:flex;flex-direction:column;gap:5px;min-width:0}
.mstep-bar{height:4px;border-radius:var(--r-pill);background:var(--border)}
.mstep-l{font:600 0.71875rem/1.3 var(--font);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mstep-i--done .mstep-bar{background:var(--done)}
.mstep-i--done .mstep-l{color:var(--text-2)}
.mstep-i--now .mstep-bar{background:var(--accent)}
.mstep-i--now .mstep-l{color:var(--accent-text)}
.mstep-i--half .mstep-bar{background:linear-gradient(90deg,var(--done) 50%,var(--border) 50%)}
.mstep-i--half .mstep-l{color:var(--accent-text)}




.clist{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid var(--border)}
.crow{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;
  padding:9px 0;border-bottom:1px solid var(--border)}
.crow-m{min-width:0}
.crow-t{font:600 0.8125rem/1.35 var(--font);color:var(--text);overflow-wrap:anywhere}
.crow-s{font:400 0.75rem/1.4 var(--font);color:var(--text-3);overflow-wrap:anywhere}
.crow-s--hold{color:var(--hold)}
.crow-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.crow-amt{font:600 0.8125rem/1.35 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap}
.crow-act{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px;margin-top:6px}
.crow-btn{height:30px;font-size:0.75rem;gap:4px}
.crow-btn.ht-btn--secondary{padding:0 12px;margin-right:6px}
.phone-mode .crow-btn{height:36px}
.crow--quoted .crow-t{font-weight:500}
.crow-s--note{color:var(--prog)}


.clines{grid-column:1/-1;display:flex;flex-direction:column;gap:3px;margin-top:6px;
  padding:8px 10px;background:var(--surface-2);border-radius:var(--r-ctl)}
.cl{display:flex;justify-content:space-between;gap:12px;font:400 0.78125rem/1.4 var(--font)}
.cl-t{min-width:0;overflow-wrap:anywhere}
.cl-v{color:var(--text-3);margin-left:6px}
.cl-v::before{content:"\00b7";margin-right:6px}
.cl-a{white-space:nowrap;font-variant-numeric:tabular-nums}
.cl--sub{padding-left:14px;color:var(--text-2)}
 
.cpays{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;margin-top:6px}
.cpay{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;font:400 0.78125rem/1.4 var(--font)}
.cpay-t{color:var(--text-2);min-width:0;overflow-wrap:anywhere}
.cpay-p{grid-column:1/-1}
.cpay-k{color:var(--text-3)}
.cpay-miss{color:var(--prog)}





.bl{display:flex;flex-direction:column;gap:10px}
.bl-item{border:1px solid var(--border);border-radius:var(--r-md);padding:10px;display:flex;flex-direction:column;gap:8px}
.bl-r0,.bl-r1{display:flex;gap:8px;align-items:center;min-width:0}
.bl-r0 .qtag{flex:0 0 auto;min-width:22px}
.bl-rp{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.bl-rp-k{font:600 0.8125rem var(--font);color:var(--text-3)}
.bl-q{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.bl-qty{width:52px;text-align:right}
.bl-x{color:var(--text-3);font-size:0.8125rem}
.bl-name,.bl-vend{flex:1 1 auto;min-width:0}
.bl-price{flex:0 0 160px;text-align:right;font-variant-numeric:tabular-nums}
.bl-more{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;
  background:transparent;color:var(--text-3);cursor:pointer}
.bl-more:hover,.bl-more[aria-expanded="true"]{background:var(--surface-3);color:var(--text)}
.bl-menu{display:flex;flex-wrap:wrap;gap:6px}
.bl-menu button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--border);
  border-radius:999px;background:var(--surface);color:var(--text);font:500 0.78125rem var(--font);cursor:pointer}
.bl-menu .bl-danger{color:var(--hold);border-color:var(--hold)}
.bl-sub{display:flex;flex-direction:column;gap:6px;margin-left:10px;padding-left:12px;border-left:2px solid var(--border)}
.bl-by{font:400 0.71875rem var(--font);color:var(--text-3)}
.bl-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border:1px dashed var(--border-strong);
  border-radius:var(--r-ctl);background:transparent;color:var(--accent-text);font:600 0.8125rem var(--font);cursor:pointer}
.bl-total{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 0;font:600 0.875rem var(--font)}
.bl-total b{font-size:1rem;font-variant-numeric:tabular-nums}
 
.qnudge{display:flex;justify-content:flex-end;margin-top:10px}
.qnudge .ht-chip{display:inline-flex;align-items:center;gap:6px}
.phone-mode .bl-price{flex-basis:140px}
.phone-mode .bl-more{width:44px;height:44px}
 



.kpirow{display:grid;grid-template-columns:minmax(0,2.1fr) repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.phone-mode .kpirow{grid-template-columns:1fr;gap:8px}
 
.kpitile{padding:12px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;min-height:82px}
.kpitile .ktop{display:flex;align-items:center;gap:8px;min-width:0}
.kpitile .ki{width:26px;height:26px;border-radius:10px;background:var(--accent-soft);color:var(--accent-text);
  display:grid;place-items:center;flex:none}
.kpitile .kn{font:700 1.75rem/1.1 var(--font-display);letter-spacing:-.025em;color:var(--text);font-variant-numeric:tabular-nums}
.kpitile .kl{font:600 0.6875rem/1.25 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.anncard{padding:12px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;min-height:82px;cursor:pointer}








.phone-mode .anncard{min-height:0;padding:9px 11px;flex-direction:row;align-items:center;gap:8px}
.phone-mode .anncard .ah{flex:1 1 auto}
.phone-mode .anncard .ab{display:none}
.phone-mode .anncard .am{flex:none;white-space:nowrap}
.anncard .ah{display:flex;align-items:center;gap:8px;min-width:0}
.anncard .ai{width:22px;height:22px;border-radius:6px;background:var(--brand-soft);color:var(--brand-ink);
  display:grid;place-items:center;flex:none}
.anncard .at{font:500 0.8125rem/1.25 var(--font);color:var(--text);min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anncard .ab{font:400 0.75rem/1.4 var(--font);color:var(--text-2);min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anncard .am{font:400 0.6875rem/1.1 var(--font);color:var(--text-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anncard .acount{flex:none;min-width:18px;height:18px;padding:0 8px;border-radius:var(--r-pill);
  background:var(--brand-soft);color:var(--brand-ink);font:600 0.6875rem/1.55 var(--font);text-align:center}
.phone-mode .kpirow .anncard{grid-column:1/-1;min-height:0;padding:8px 12px;gap:4px}
 
.phone-mode .anncard .ai{width:32px;height:32px;border-radius:10px}
.phone-mode .anncard .am{display:none}
.phone-mode .kpirow .kpitile{display:none}
.phone-mode .kpitile{aspect-ratio:1/1;min-height:0;padding:8px 8px;justify-content:center;gap:8px}
.phone-mode .kpitile .kn{font-size:1.3125rem}


.sechead.coll{cursor:pointer;user-select:none}
.sechead .chev{margin-left:auto;color:var(--text-3);display:inline-flex;transition:transform var(--dur-std) var(--ease)}
.sechead.shut .chev{transform:rotate(-90deg)}
.sechead:hover .chev{color:var(--text-2)}


.seccount{min-width:19px;height:19px;padding:0 8px;border-radius:var(--r-pill);background:var(--accent-soft);
  color:var(--accent-text);font:600 0.6875rem/1.55 var(--font);text-align:center;font-variant-numeric:tabular-nums}
.seccount--late{background:var(--hold-soft);color:var(--hold)}
.seccount--warn{background:var(--prog-soft);color:var(--prog)}
.seccount--mute{background:var(--surface-3);color:var(--text-2)}
 
.fchip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 8px 0 12px;
  border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);
  color:var(--text-2);font:500 0.8125rem/1.1 var(--font);cursor:pointer;white-space:nowrap}
.fchip-vis{display:contents}
.fchip:hover{background:var(--surface-3);color:var(--text)}
.fchip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
.fchip .cc{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--r-pill);
  background:var(--accent-soft);color:var(--accent-text);font:600 0.6875rem/1.1 var(--font);font-variant-numeric:tabular-nums}
.fchip.on .cc{background:var(--accent);color:var(--accent-on)}
.phone-mode .fchip{height:36px}
 
.ckrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 12px;border:0;
  border-radius:var(--r-sm);background:transparent;cursor:pointer;font:inherit;color:var(--text)}
.ckrow:hover{background:var(--surface-2)}
.ckrow.on{background:var(--accent-soft)}
.ckrow .cka{flex:1;min-width:0}
.ckrow .cka b{display:block;font:600 0.8125rem/1.25 var(--font);color:var(--text)}
.ckrow .cka small{display:block;font:400 0.75rem/1.4 var(--font);color:var(--text-3)}
.ckrow .ckt{flex:none;width:20px;height:20px;display:grid;place-items:center;color:var(--accent-text);opacity:0}
.ckrow.on .ckt{opacity:1}
.ckrow.dis{cursor:not-allowed}
.ckrow.dis .cka b,.ckrow.dis .cka small{color:var(--text-3)}
.ckrow.dis:hover{background:transparent}
 
.sla{display:inline-flex;align-items:center;gap:8px;height:25px;padding:0 12px;border-radius:var(--r-pill);
  font:500 0.75rem/1.1 var(--font);white-space:nowrap}
.sla--ok{background:var(--done-soft);color:var(--done)}
.sla--warn{background:var(--prog-soft);color:var(--prog)}
.sla--breach{background:var(--hold-soft);color:var(--hold)}
 
.gf{max-width:720px}
.gf-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  box-shadow:var(--shadow-card);padding:16px 16px;margin-bottom:12px}
.gf-card.sel{border-color:var(--accent)}
.gf-card.sel::before{content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;width:5px;
  border-radius:var(--r-lg) 0 0 var(--r-lg);background:var(--accent)}
.gf-head{border-top:7px solid var(--brand)}
.gf-t{font:700 1.3125rem/1.25 var(--font-display);letter-spacing:-.02em;color:var(--text);border:0;background:transparent;
  width:100%;outline:none;padding:2px 0;border-bottom:1px solid transparent}
.gf-t:focus{border-bottom-color:var(--accent)}
.gf-d{font:400 0.875rem/1.55 var(--font);color:var(--text-2);border:0;background:transparent;width:100%;
  outline:none;padding:4px 0;border-bottom:1px solid transparent}
.gf-d:focus{border-bottom-color:var(--accent)}
.gf-q{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:16px;align-items:start}
.phone-mode .gf-q{grid-template-columns:1fr}
.gf-qi{font:500 0.875rem/1.4 var(--font);color:var(--text);border:0;background:var(--surface-2);width:100%;
  outline:none;padding:8px 12px;border-radius:var(--r-sm) var(--r-sm) 0 0;border-bottom:1px solid var(--border-strong)}
.gf-qi:focus{border-bottom-color:var(--accent);background:var(--surface-3)}
.gf-prev{margin-top:12px;padding:12px 0 2px}
.gf-foot{display:flex;align-items:center;gap:4px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}
.gf-foot .gsp{flex:1;min-width:8px}
.gf-ib{width:32px;height:32px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-3);
  cursor:pointer;display:grid;place-items:center}
.gf-ib:hover{background:var(--surface-3);color:var(--text-2)}
.gf-ib.del:hover{background:var(--hold-soft);color:var(--hold)}
.gf-sec{border-left:5px solid var(--accent)}
.gf-add{display:flex;align-items:center;gap:8px;padding:8px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-pill);box-shadow:var(--shadow-card);margin-bottom:12px;flex-wrap:wrap}
.gf-addb{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:0;border-radius:var(--r-pill);
  background:transparent;color:var(--text-2);font:600 0.8125rem/1.1 var(--font);cursor:pointer;white-space:nowrap}
.gf-addb:hover{background:var(--accent-soft);color:var(--accent-text)}
.gf-req{display:inline-flex;align-items:center;gap:8px;font:600 0.8125rem/1.1 var(--font);color:var(--text-2);cursor:pointer;white-space:nowrap}
.gf-lock{display:inline-flex;align-items:center;gap:8px;font:500 0.75rem/1.4 var(--font);color:var(--text-3)}
.shot{width:62px;height:62px;border-radius:10px;border:1px solid var(--border);overflow:hidden;flex:none;
  background:var(--surface-3);position:relative}
.shot img{width:100%;height:100%;object-fit:cover;display:block}
.shot .rmv{position:absolute;top:2px;right:2px;width:19px;height:19px;border:0;border-radius:50%;
  background:rgba(0,0,0,.62);color:#fff;cursor:pointer;display:grid;place-items:center;font:700 0.75rem/1.1 var(--font)}
 
.lockrow{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--r-sm);
  color:var(--text-3);font:400 0.8125rem/1.4 var(--font);cursor:not-allowed}
.lockrow .lka{flex:1;min-width:0}
.lockrow .lka small{display:block;font:400 0.75rem/1.4 var(--font);color:var(--text-3)}
.subttl{margin-top:4px;font:400 0.75rem/1.4 var(--font);color:var(--text-3)}
.roleban{display:flex;align-items:flex-start;gap:8px;padding:12px 12px;border-radius:var(--r-md);
  background:var(--surface-2);border:1px dashed var(--border-strong);font:400 0.75rem/1.55 var(--font);color:var(--text-2)}
@media print{
  body>*{display:none!important}
  body>#printroot{display:block!important}
  #printroot .rpt{border:0;border-radius:0}
  @page{size:A4;margin:14mm}
}
#printroot{display:none}



.signin-wrap{height:100%;display:grid;place-items:center;padding:20px 16px;background:var(--bg);overflow-y:auto}
.signin{width:100%;max-width:390px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:24px}
.signin .brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.signin .tile{width:44px;height:44px;flex:none;display:grid;place-items:center;
  border-radius:var(--r-md);background:var(--brand);color:#fff;font-weight:700;letter-spacing:.5px}
.signin .brand h1{margin:0;font:700 1.0625rem/1.25 var(--font-display);color:var(--text)}
.signin .brand p{margin:2px 0 0;font-size:0.8125rem;color:var(--text-2)}
.signin label{display:block;font-size:0.8125rem;font-weight:650;margin:16px 0 8px;color:var(--text)}
.signin input,.signin select{width:100%;padding:12px 16px;font-size:1.0625rem;font-family:inherit;
  color:var(--text);background:var(--surface);border:1px solid var(--border-strong);
  border-radius:var(--r-md);outline:none}
.signin input:focus,.signin select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.signin .pinin{letter-spacing:.5em;text-align:center;font-size:1.3125rem;
  font-variant-numeric:tabular-nums;padding-left:.5em}
.signin .go{width:100%;margin-top:20px;padding:16px;font-size:1.0625rem;font-weight:650;
  font-family:inherit;color:#fff;background:var(--accent);border:0;border-radius:var(--r-md);cursor:pointer}
.signin .go:hover{background:var(--accent-hover)}
.signin .msg{margin-top:16px;padding:12px 16px;border-radius:var(--r-md);font-size:0.875rem;
  line-height:1.5;background:var(--surface-2)}
.signin .msg--error{color:var(--hold)}
.signin .msg--info{color:var(--text-2)}
.signin .perf{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);
  font-size:0.75rem;color:var(--text-3);display:flex;justify-content:space-between;gap:12px}
.signin .perf b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}

 
.mk-b{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;
  border:1px solid rgba(255,255,255,.22);border-radius:999px;background:transparent;
  color:#efe6da;font:600 0.75rem/1.1 var(--font);cursor:pointer;white-space:nowrap}
.mk-b:hover{background:rgba(255,255,255,.12)}
.mk-b.on{background:#efe6da;color:#15100e;border-color:#efe6da}
.mk-sel{height:28px;border:1px solid rgba(255,255,255,.22);border-radius:999px;
  background:transparent;color:#efe6da;font:600 0.75rem/1.1 var(--font);padding:0 8px;
  cursor:pointer;max-width:190px}
.mk-sel option{background:#15100e;color:#efe6da}







.phone-mode .hscroll{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.phone-mode .hscroll::-webkit-scrollbar{display:none}
 
.phone-mode .hscroll--ip>*{width:min(196px,78%)}
.phone-mode .hscroll--kpi>*{width:min(132px,44%)}




.phone-mode .phone-top>.rowflex{flex-wrap:nowrap;min-width:0}
.phone-mode .profile-trigger{min-width:0;flex:1 1 auto;overflow:hidden}
.phone-mode .profile-trigger>span{min-width:0;overflow:hidden}
.phone-mode .profile-trigger .un,
.phone-mode .profile-trigger>span>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phone-mode .phone-top .icon-btn,
.phone-mode .phone-top .ht-tag,
.phone-mode .phone-top .phone-child-title{flex:none}





.phone-mode .phone-body{min-height:0}



.phone-mode .profile-trigger .un,


.phone-mode .profile-trigger>span>div:first-child{font-size:1.0625rem!important;line-height:1.25!important}








.phone-mode .sechead h3,
.phone-mode .sectitle,
.phone-mode .mdl-head h3,
.phone-mode .sechead>div:first-child,
.phone-mode .sechead>span:first-child{font-size:0.9375rem!important}















.phone-mode .sechead{height:44px;min-height:44px;align-items:center;margin-bottom:0}
.phone-mode .sechead .icon-btn,
.phone-mode .sechead .viewall,
.phone-mode .sechead .ht-badge{align-self:center}

 
.phone-mode .toolbar .icon-btn,
.phone-mode .sechead .icon-btn{min-height:38px!important;min-width:38px!important;
  height:38px;width:38px;position:relative}



.phone-mode .ht-btn,
.phone-mode .icon-btn,
.phone-mode .viewall,
.phone-mode .cellink,
.phone-mode .pf-btn,
.phone-mode .iact{min-height:44px!important}
.phone-mode .ht-input,
.phone-mode .ht-select{min-height:44px!important}
.phone-mode .ht-btn{padding:0 12px}
.phone-mode .icon-btn{min-width:44px!important}
.phone-mode .profile-trigger{min-height:48px}


.phone-mode .sechead.coll{flex-wrap:nowrap;gap:8px;white-space:nowrap}
.phone-mode .sechead.coll>*{flex:none}
.phone-mode .sechead.coll .viewall{margin-left:auto;min-height:44px!important}









.phone-mode .itemacts{flex-wrap:nowrap;gap:8px}
.phone-mode .itemacts .iact{flex:1 1 0;min-width:0;justify-content:center;padding:0 8px}

 
.phone-mode .mdl-foot{flex-direction:column;align-items:stretch;gap:8px}





















.phone-mode .mdl-foot--send{flex-direction:column-reverse}










.phone-mode .mdl-foot .ht-btn{width:100%}
.phone-mode .mdl-foot .grow{display:none}

 
.phone-mode .cmt-row{flex-direction:column;align-items:stretch}
.phone-mode .cmt-row .ht-textarea,
.phone-mode .cmt-row .ht-btn{width:100%}




.phone-mode .ht-btn{min-width:0;overflow:hidden}
.phone-mode .ht-btn>span,
.phone-mode .fchip-vis{min-width:0;overflow:hidden;text-overflow:ellipsis}
.phone-mode .fchip{min-width:0;padding:0 10px}
.phone-mode .fchip-vis{display:inline-flex;align-items:center;gap:6px;max-width:100%}
 
.phone-mode input:not([type=checkbox]):not([type=radio]):not([type=file]),
.phone-mode .searchpill{min-height:44px!important}
 
.phone-mode .fchip-vis,
.phone-mode .ht-chip{white-space:nowrap}


.phone-mode .agenda-toolbar .tb-l .fchip,
.phone-mode .toolbar .tb-l .fchip{flex:0 0 auto!important}

 
.phone-mode .pchips{flex-wrap:wrap;gap:6px;row-gap:6px}
.phone-mode .pchips>*{flex:none;max-width:100%}
















.todo-card{padding:12px;margin-bottom:12px}
.todo-hd{font:600 0.9375rem/1.2 var(--font);margin-bottom:8px}
.todo-grp{margin-bottom:10px}
.todo-grp-h{font:600 0.6875rem/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-2);margin:8px 0 4px}
.todo-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;
  padding:5px 0;border-bottom:1px solid var(--border)}
.todo-row:last-child{border-bottom:0}
.todo-tick{width:20px;height:20px;flex:none;border:1.5px solid var(--border-strong);border-radius:6px;
  background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  color:#fff;padding:0}
.todo-tick[aria-pressed="true"]{background:var(--done);border-color:var(--done)}






















.todo-main{min-width:0;display:flex;align-items:baseline;gap:10px}
.todo-ttl{font:500 0.8125rem/1.35 var(--font);flex:1 1 auto;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.todo-sub{font:400 0.6875rem/1.3 var(--font);color:var(--text-2);
  flex:0 1 auto;margin-left:auto;max-width:55%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}




.todo-row--done .todo-ttl{text-decoration:line-through;color:var(--text-2)}
.todo-row--dec .todo-ttl{color:var(--text-2)}
.todo-acts{display:flex;gap:10px;align-items:center;flex:none}
.todo-add{display:flex;gap:8px;align-items:center;margin-top:10px}






.todo-add .ht-btn{flex:0 0 auto;white-space:nowrap}
.todo-add .ht-input{flex:1 1 auto;min-width:0}






.todo-add .todo-who{flex:0 1 190px;min-width:0}




























.tblock{padding:12px;margin-bottom:12px}
.tblock-hd{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.tblock-hd h4{margin:0;font:600 0.9375rem/1.2 var(--font);color:var(--text)}
.tblock-hd .n{font:600 0.75rem/1 var(--font);color:var(--text-2)}
.tblock-scroll{max-height:min(42vh,420px);overflow-y:auto;overscroll-behavior:contain}
.phone-mode .tblock-scroll{max-height:min(38vh,320px)}


.todo-row--sub{padding-left:28px}
.todo-row--sub .todo-ttl{font-weight:400}


.todo-open{flex:1;min-width:0;background:none;border:0;padding:0;text-align:left;
  cursor:pointer;color:inherit;font:inherit}



.todo-tick--state{cursor:default;opacity:.85}





.tblock-empty{font:400 0.8125rem/1.45 var(--font);color:var(--text-2);padding:10px 0;margin:0}



.phone-mode .todo-add{flex-wrap:wrap}
.phone-mode .todo-add .ht-input{flex:1 1 100%}
.phone-mode .todo-who{flex:1 1 auto}
.phone-mode .todo-tick{width:24px;height:24px}


.phone-mode .todo-row{grid-template-columns:auto 1fr;row-gap:2px}
.phone-mode .todo-acts{grid-column:2;justify-content:flex-start}
















@media (min-width:1100px){
body:not(.phone-mode){background:var(--bg);box-sizing:border-box;padding:20px 16px}
body:not(.phone-mode) .shell{box-sizing:border-box;max-width:1440px;
  height:calc(100vh - 40px);height:calc(100dvh - 40px);
  margin:0 auto;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-lg)}
body:not(.phone-mode) .shell>.topbar{border-radius:var(--r-lg) var(--r-lg) 0 0}
body:not(.phone-mode) .shell>.rail{border-bottom-left-radius:var(--r-lg)}
body:not(.phone-mode) .shell>.maincol{background:var(--surface);border-bottom-right-radius:var(--r-lg)}
}



.pilltog{justify-content:space-between;border-radius:var(--r-ctl)}
.pilltog .knob,.pilltog .ptoff{flex:1 1 0;min-width:0;border-radius:calc(var(--r-ctl) - 3px)}
.pilltog .ptoff{height:24px;display:inline-flex;align-items:center;justify-content:center;
  color:var(--text-3);font:600 0.6875rem/1 var(--font)}
.pilltog .ptoff .ic{stroke:currentColor}
.railmin .pilltog .ptoff{display:none}
 
.ctlbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;
  border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--surface);
  color:var(--text-2);font:500 0.8125rem/1 var(--font);cursor:pointer;white-space:nowrap}
.ctlbtn:hover{background:var(--surface-3);color:var(--text)}
.ctlbtn.on{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}
.ctlbtn .ic{flex:none}


.pingrid{display:flex;flex-wrap:wrap;gap:12px}
.pingrid>.sctile{flex:1 1 140px;min-width:0;max-width:200px}
.pingrid>.kpitile{flex:1.3 1 160px;min-width:0}


:root{--ann-bd:#dddaf6;--ann-bg:#f7f6fe}
:root[data-theme="dark"]{--ann-bd:#3b3862;--ann-bg:#24223a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ann-bd:#3b3862;--ann-bg:#24223a}}
.annban{margin:5px 0 12px}
.annban .anncard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:10px;row-gap:3px;min-height:0;
  padding:12px 14px;border:1px solid var(--ann-bd);border-radius:10px;background:var(--ann-bg);background-image:none}
.annban .anncard::before{display:none}
.annban .anncard .ah{grid-column:1;grid-row:1;gap:12px;align-items:center}
.annban .anncard .ai{width:28px;height:28px;border-radius:8px;background:rgba(81,71,214,.12);color:var(--accent-text)}
.annban .anncard .at{font:600 13.5px/1.3 var(--font);color:var(--text)}
.annban .anncard .am{grid-column:2;grid-row:1;align-self:center;font:400 11.5px/1.2 var(--font);color:var(--text-3);white-space:nowrap}
.annban .anncard .ab{grid-column:1/-1;grid-row:2;padding-left:40px;margin-top:-6px;font:400 13px/1.5 var(--font);color:var(--text-2);
  white-space:pre-line;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
 
.navsub{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 21px;padding-left:12px;border-left:1px solid var(--border)}
.navsub-i{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:0;border-radius:var(--r-ctl);
  background:none;color:var(--text-2);font:400 0.78125rem/1.1 var(--font);cursor:pointer;text-align:left;white-space:nowrap}
.navsub-i .nlab{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.navsub-i .tn{font:500 0.6875rem/1 var(--font);color:var(--text-3);font-variant-numeric:tabular-nums}
.navsub-i:hover{background:var(--surface-3);color:var(--text)}
.navsub-i.on{background:var(--surface-3);color:var(--text);font-weight:600}
.railmin .navsub{display:none}





:root{--main-bg:#f9f8f6}
:root[data-theme="dark"]{--main-bg:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--main-bg:var(--bg)}}
@media (min-width:1100px){
body:not(.phone-mode) .shell{border-radius:12px}
body:not(.phone-mode) .shell>.topbar{border-radius:12px 12px 0 0}
body:not(.phone-mode) .shell>.rail{border-bottom-left-radius:12px}
body:not(.phone-mode) .shell>.maincol{border-bottom-right-radius:12px}
}
body:not(.phone-mode) .shell>.maincol{background:var(--main-bg)}
body:not(.phone-mode) .rail{padding:10px;gap:3px}
body:not(.phone-mode) .rail .ht-nav-i{padding:0 10px}
body:not(.phone-mode) .module{padding:16px 16px 32px}    
body:not(.phone-mode) .module h1{font-size:20px;line-height:25px;letter-spacing:-.025em}
 
body:not(.phone-mode) .sechead{margin:3px 0 10px}
body:not(.phone-mode) .sechead h3,body:not(.phone-mode) .sectitle{font:600 15px/21px var(--font-display);letter-spacing:-.01em}
 
body:not(.phone-mode) .sechead .chev{opacity:0;transition:opacity var(--dur-fast) var(--ease)}
body:not(.phone-mode) .sechead:hover .chev,body:not(.phone-mode) .sechead.shut .chev,
body:not(.phone-mode) .sechead:focus-within .chev{opacity:1}
 
body:not(.phone-mode) .pingrid{gap:10px;align-items:stretch}
body:not(.phone-mode) .pingrid>.sctile{flex:1 1 104px;min-width:100px;max-width:135px;padding:11px;border-radius:10px;gap:2px;min-height:0}
body:not(.phone-mode) .pingrid .sctile .sc-i{width:26px;height:26px;border-radius:8px;margin-bottom:6px}
body:not(.phone-mode) .pingrid .sctile .sc-t{font:600 12px/1.3 var(--font)}
body:not(.phone-mode) .pingrid .sctile .sc-out{top:10px;right:10px}
.pinkpi{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:10px;flex:1 1 400px;min-width:min(380px,100%)}
body:not(.phone-mode) .pinkpi .kpitile{background-image:none;padding:9px 11px;border-radius:10px;justify-content:center;gap:4px;min-height:0}
body:not(.phone-mode) .pinkpi .kpitile::before{display:none}
body:not(.phone-mode) .pinkpi .kpitile .ktop{gap:9px}
body:not(.phone-mode) .pinkpi .kpitile .ki{width:26px;height:26px;border-radius:8px}
body:not(.phone-mode) .pinkpi .kpitile .kn{font:700 20px/1.1 var(--font-display);letter-spacing:-.025em}
body:not(.phone-mode) .pinkpi .kpitile .kl{font:600 10px/1.25 var(--font);letter-spacing:.05em;margin-top:5px}
body:not(.phone-mode) .pingrid>.sctile:hover,body:not(.phone-mode) .pinkpi .kpitile:hover{border-color:var(--border-strong);transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(27,26,24,.06),0 12px 26px -12px rgba(27,26,24,.26)}
 
body:not(.phone-mode) .fchip{height:32px;padding:0 8px 0 11px;gap:7px;border-radius:8px;font:500 13px/1.1 var(--font)}
body:not(.phone-mode) .fchip .cc{min-width:19px;height:19px;padding:0 4px;border-radius:5px;font:600 11px/1.1 var(--font)}
body:not(.phone-mode) .agenda-toolbar{margin-bottom:8px}
 
:root{--sel-bd:#c9c4ef;--sel-bg:#f4f3fd;--text-code:#494846}
:root[data-theme="dark"]{--sel-bd:#3b3862;--sel-bg:#24223a;--text-code:#d6d4cf}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sel-bd:#3b3862;--sel-bg:#24223a;--text-code:#d6d4cf}}
body:not(.phone-mode) .fchip{border-color:var(--border)}
body:not(.phone-mode) .fchip.on,body:not(.phone-mode) .ctlbtn.on{border-color:var(--sel-bd);background:var(--sel-bg);color:var(--accent-text)}
body:not(.phone-mode) .fchip.on .cc{background:var(--accent-soft);color:var(--accent-text)}
body:not(.phone-mode) .ctlbtn{gap:7px}




body:not(.phone-mode) .tb-search .searchpill{display:none}
 
body:not(.phone-mode) .opop.pop--r{right:auto;left:50%;transform:translateX(-50%);animation:none}
body:not(.phone-mode) .ckrow.opk.on{background:var(--sel-bg)}
body:not(.phone-mode) .ckrow.opk:hover{background:var(--surface-2)}
body:not(.phone-mode) .module-list-toolbar.lt1{margin-bottom:12px}
body:not(.phone-mode) .module-list-toolbar.lt2{margin-bottom:10px}
body:not(.phone-mode) .module-list-toolbar .tb-l{gap:6px}
.pgsearch{width:240px;max-width:100%;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);
  padding:0 10px;gap:8px;display:flex;align-items:center}
.pgsearch .si{color:var(--text-3);display:inline-flex}
.pgsearch input{flex:1;min-width:0;border:0;background:none;outline:none;font:400 13px/1 var(--font);color:var(--text)}
.pgsearch input::placeholder{color:var(--text-3)}
.pgsearch:focus-within{border-color:var(--accent)}
 
.toolbar>.tb-r>div+div{border-left:0}                  
body:not(.phone-mode) .toolbar .ht-seg{padding:3px;gap:3px;border-radius:8px}
body:not(.phone-mode) .toolbar .ht-seg>button{height:28px;padding:0 11px;gap:7px;border-radius:6px;border:1px solid transparent}
body:not(.phone-mode) .toolbar .ht-seg>button.on{border-color:var(--border);box-shadow:none}
body:not(.phone-mode) .toolbar .ht-btn{height:32px;border-radius:8px;gap:7px}
body:not(.phone-mode) .module>.between .ht-btn{height:34px;border-radius:8px;gap:8px}
body:not(.phone-mode) .toolbar .ht-btn--secondary{padding:0 12px;border-color:var(--border);color:var(--text-2)}
body:not(.phone-mode) .toolbar .ht-btn--primary,body:not(.phone-mode) .module>.between .ht-btn--primary{padding:0 14px;font-weight:600}
.pgsearch .si{position:static}
.pgsearch input{padding:0;height:auto}
.lcap{margin:0 0 10px 2px}
body:not(.phone-mode) .lcap--below{margin:10px 0 0 0;font:400 12px/16.8px var(--font);color:var(--text-3)}
 
.kboard{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;min-height:calc(100% - 110px);padding-bottom:6px}
.kcol{flex:0 0 256px;padding:0 10px;border-left:1px solid var(--hair);display:flex;flex-direction:column;min-width:0}
.kcol:first-child{flex-basis:246px;padding-left:0;border-left:0}
.khead{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:24px}
.kcards{display:flex;flex-direction:column;gap:10px}
.kcard{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;
  cursor:pointer;transition:box-shadow 120ms,border-color 120ms,transform 120ms}
.kcard:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 2px 4px rgba(27,26,24,.06),0 12px 26px -12px rgba(27,26,24,.26)}
.kcard .kt{display:flex;flex-direction:column;gap:3px;min-width:0}
.kcard .kn{font:600 13.5px/1.35 var(--font);color:var(--text);overflow-wrap:anywhere}
.kcard .ks{font:400 12px/1.3 var(--font);color:var(--text-3)}
.kcard .kf{display:flex;align-items:center;gap:8px;min-height:22px}
.kcard .kd{font:400 12px/1.1 var(--font);color:var(--text-2);flex:1;min-width:0}
.kcard .kav{width:22px;height:22px;border-radius:999px;background:var(--surface-3);color:var(--text-3);display:grid;place-items:center;
  font:600 9px/1 var(--font);flex:none}
.kcard .kab{font:500 11px/1 var(--font);color:var(--text-3)}
body:not(.phone-mode) .toolbar .ht-select{height:32px;border-radius:8px;font:500 13px/1 var(--font);border-color:var(--border);color:var(--text-2);padding:0 28px 0 10px}
 
body:not(.phone-mode) .mdl--k-ticket{max-width:640px;border-radius:12px}
body:not(.phone-mode) .mdl--k-ticket .mdl-head{padding:18px 20px 0}
body:not(.phone-mode) .mdl--k-ticket .mdl-head .kicker{font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  letter-spacing:.08em;color:var(--accent);text-transform:uppercase}
body:not(.phone-mode) .mdl--k-ticket .mdl-head h3{font:700 18px/1.3 var(--font-display);letter-spacing:-.015em;margin-top:3px}
body:not(.phone-mode) .mdl--k-ticket .mdl-head .icon-btn{width:30px;height:30px;border:1px solid var(--border);border-radius:8px}
body:not(.phone-mode) .mdl--k-ticket .mdl-body{padding:0 20px 18px}
body:not(.phone-mode) .mdl--k-ticket [data-ticketdesc]{font-size:13px!important;line-height:1.55!important;color:var(--text-2)!important;margin:8px 0 10px!important}
body:not(.phone-mode) .mdl--k-ticket .tkhero-end{margin:0 -20px 16px!important;padding:6px 20px 14px;border-bottom:1px solid var(--hair)}
body:not(.phone-mode) .mdl--k-ticket .tkhero-end .muted{font-size:12px!important;color:var(--text-3)}
body:not(.phone-mode) .mdl--k-ticket .mdl-body>.rowflex .ht-tag--unit{height:22px;border-radius:6px;font:600 11px/1 var(--font);letter-spacing:.04em;background:var(--surface-3);color:var(--text-2)}
 
body:not(.phone-mode) .wfbtn{height:30px!important;padding:0 11px!important;gap:6px;border-radius:8px;
  border-color:rgba(81,71,214,.35)!important;background:rgba(81,71,214,.08)!important;color:var(--accent-text)!important}
.wfbtn .wfn{font:600 11px/1 var(--font);color:var(--text-3);margin-left:2px}
 
body:not(.phone-mode) .tkfacts{background:none;border:0;border-radius:0;padding:14px 0!important;
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin-bottom:16px!important;column-gap:20px;row-gap:12px}
body:not(.phone-mode) .tkfacts .kv .k{font:500 11.5px/1.3 var(--font)!important;color:var(--text-3)}
body:not(.phone-mode) .tkfacts .kv .v{font:600 13px/1.35 var(--font)!important}
 
body:not(.phone-mode) .mpanel{border-radius:10px;padding:10px 14px}
body:not(.phone-mode) .mpanel .mhead{flex-wrap:nowrap;gap:10px}
body:not(.phone-mode) .mpanel .moneytog{gap:8px}
body:not(.phone-mode) .mpanel .moneytog .ht-label,body:not(.phone-mode) .mpanel .mhead>.ht-label{font:700 15px/1.3 var(--font-display);
  letter-spacing:0;text-transform:none;color:var(--text)}
 
body:not(.phone-mode) .mpanel .mhead .ht-status{height:20px;padding:0 8px;font:600 11px/1.1 var(--font)}
body:not(.phone-mode) .mpanel .mamt{margin-left:auto;font:700 15px/1.3 var(--font-display);color:var(--text);white-space:nowrap}
body:not(.phone-mode) .mpanel .msum{font-size:12px;margin-top:6px}
.mstep-s{font:400 11.5px/1.3 var(--font);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 
body:not(.phone-mode) .mdl--k-ticket .sectitle{font:700 15px/1.3 var(--font-display)}
body:not(.phone-mode) .cmt--av{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:10px;border-top:0;padding:6px 0}
.cmt--av>.cav{display:none}
body:not(.phone-mode) .cmt--av>.cav{display:grid;grid-row:1/3;width:26px;height:26px;border-radius:999px;place-items:center;
  background:var(--accent-soft);color:var(--accent-text);font:600 9px/1 var(--font)}
body:not(.phone-mode) .cmt--av .ch .cwho{font:600 12.5px/1.35 var(--font);color:var(--text)}
body:not(.phone-mode) .cmt--av .ch time{margin-left:0;font-size:11px}
body:not(.phone-mode) .cmt--av .cbdy{margin-top:1px;font:400 13px/1.5 var(--font);color:var(--text-2)}
body:not(.phone-mode) .mdl--k-ticket .cmt-compose{border-radius:10px}
 
body:not(.phone-mode) .mdl--k-ticket .mdl-foot{padding:12px 20px;border-top-color:var(--hair)}
body:not(.phone-mode) .mdl--k-ticket .mdl-foot .ht-btn{height:32px;border-radius:8px}
body:not(.phone-mode) .mdl--k-ticket .mdl-foot .ht-btn--secondary{border-color:var(--border)}
body:not(.phone-mode) .mdl--k-ticket .mdl-foot .ht-btn--wa{color:#17693a;border-color:#bfe0cb;background:var(--surface)}
:root[data-theme="dark"] body:not(.phone-mode) .mdl--k-ticket .mdl-foot .ht-btn--wa{color:#7ee0a4;border-color:#2f5a40}
 
.ht-wfpop.ht-wfpop--side{width:280px;max-height:calc(100vh - 96px);overflow-y:auto;border-radius:12px;padding:14px 16px 16px;
  box-shadow:0 18px 50px rgba(27,26,24,.22)}
.wfhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.wfhead-t{font:700 14px/1.3 var(--font-display);color:var(--text)}
.wfhead-n{font:500 11.5px/1.3 var(--font);color:var(--text-3)}
.wfs{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}
.wfs-rail{display:flex;flex-direction:column;align-items:center}
.wfs .wfs-mark{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font:700 11px/1 var(--font);flex:none;
  border:1.5px solid #d8d5ce;background:var(--surface);color:#8c877d}
.wfs--done .wfs-mark{border:0;background:var(--done);color:#fff}
.wfs--bad .wfs-mark{border:0;background:var(--hold);color:#fff}
.wfs--act .wfs-mark{border:0;background:var(--surface-3);color:var(--text-3)}
.wfs--cur .wfs-mark{border:2px solid var(--prog);background:#fdf8ee;color:#7d5510}
.wfs-line{flex:1;width:2px;min-height:14px;background:var(--border)}
.wfs-line--done{background:var(--done)}
.wfs-body{padding:1px 0 14px;min-width:0}
.wfs-t{font:600 13px/1.35 var(--font);color:var(--text)}
.wfs--todo .wfs-t{color:var(--text-3)}
.wfs--cur .wfs-t{font-weight:700}
.wfs-w{font:400 12px/1.4 var(--font);color:var(--text-2);margin-top:1px}
.wfs-at{font:500 11.5px/1.4 var(--font);color:var(--text-3);margin-top:1px}
.wfs--cur .wfs-at{color:#7d5510}
.wfs--bad .wfs-at{color:#96271c}
.wfs-r{font:400 12px/1.4 var(--font);color:var(--text-3);margin-top:3px;overflow-wrap:anywhere}
:root[data-theme="dark"] .wfs .wfs-mark{border-color:#44444b;color:#a6a39d}
:root[data-theme="dark"] .wfs--cur .wfs-mark{background:#2b2518;color:#f0c878;border-color:var(--prog)}
:root[data-theme="dark"] .wfs--cur .wfs-at{color:#f0c878}


body:not(.phone-mode) .mdl-scrim>.mdl{margin-block:auto}
body:not(.phone-mode) .tkhero-end+.tkfacts,body:not(.phone-mode) .tkhero-end+.nextban+.tkfacts{border-top:0;padding-top:2px!important}
 
.rowcmt{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:2px 4px;border-radius:6px;color:var(--text-2);
  cursor:pointer;font:500 12.5px/1.1 var(--font)}
.rowcmt:hover{background:var(--surface-3);color:var(--text)}
.rowwa{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid #25d366;border-radius:8px;background:var(--surface);
  color:#128c4a;cursor:pointer;padding:0}
.rowwa:hover{background:#f1f8f3}
:root[data-theme="dark"] .rowwa{color:#63cf8e;border-color:#2f5a40}
body:not(.phone-mode) table.ht-table--tk th.c-notes{width:64px}
body:not(.phone-mode) table.ht-table--tk th.c-wa{width:46px}
body:not(.phone-mode) table.ht-table--tk th.c-money{width:118px}
 
.prog{display:flex;align-items:center;gap:8px;min-width:0}
.prog-bar{flex:0 0 84px;height:4px;border-radius:999px;background:var(--border);overflow:hidden}
.prog-fill{display:block;height:100%;border-radius:inherit}
.prog-fill--done{background:var(--done)}.prog-fill--info{background:var(--accent)}.prog-fill--hold{background:var(--hold)}
.prog-n{font:400 12.5px/1 var(--font);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}
body:not(.phone-mode) table.ht-table--tk th.c-progress{width:170px}
 
.rep{display:flex;flex-direction:column;gap:1px;min-width:0}
.rep-n{font:400 12.5px/1.3 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rep-t{font:400 11px/1.2 var(--font);color:var(--text-3);white-space:nowrap}
body:not(.phone-mode) table.ht-table--iss th.c-tag{width:110px}
body:not(.phone-mode) table.ht-table--iss th.c-pri{width:104px}
body:not(.phone-mode) table.ht-table--iss th.c-state{width:150px}
body:not(.phone-mode) table.ht-table--iss th.c-role{width:160px}
body:not(.phone-mode) table.ht-table--iss th.c-outlet{width:75px}
.pgsearch input{font-size:12.5px}
body:not(.phone-mode) table.ht-table--iss td.c-role{padding-top:5px;padding-bottom:5px}
.rep-n{line-height:1.25}.rep-t{line-height:1.15}
 
body:not(.phone-mode) .ogrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:0}
body:not(.phone-mode) .otile{border-radius:12px;box-shadow:none}
body:not(.phone-mode) .otile .otile-ph svg{width:44px}
body:not(.phone-mode) .otile .otile-bar{padding:10px 12px 12px}
body:not(.phone-mode) .otile .otile-nm{font:600 13.5px/1.3 var(--font)}
body:not(.phone-mode) .otile .otile-hr{font:400 12px/1.2 var(--font);color:var(--text-2)}
.ht-table--info td.c-art,.ht-table--info th.c-art{width:60px}
.ht-table--info .oth{display:block;width:44px;height:34px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-2)}
.ht-table--info .oth .otile-art{aspect-ratio:auto;height:100%;border:0}
.ht-table--info .oth .otile-ph svg{width:20px}
.ht-table--info tr.is-closed td{color:var(--text-3)}
body:not(.phone-mode) .ht-table--info{min-width:900px}
body:not(.phone-mode) .otile .otile-art{aspect-ratio:5/3}    
 
.perfstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;background:var(--surface);margin-bottom:14px}
.perfcell{display:flex;flex-direction:column;gap:4px;padding:10px 14px}
.perfcell+.perfcell{border-left:1px solid var(--border)}
.pc-l{font:600 10.5px/1.2 var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}
.pc-n{font:700 22px/1.1 var(--font-display);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}
.perfcard{padding:12px 14px;border-radius:10px}
.pcard-h{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.prole{display:grid;grid-template-columns:minmax(0,1fr) 44px 72px;align-items:center;column-gap:12px;padding:8px 0;border-bottom:1px solid var(--hair)}
.prole:last-child{border-bottom:0}
.prole-l{display:flex;flex-direction:column;gap:6px;min-width:0}
.prole-n{font:400 13px/1.3 var(--font);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prole-c{font:600 13px/1.3 var(--font);text-align:right;font-variant-numeric:tabular-nums}
.prole-w{text-align:right}
.pbar{height:3px;border-radius:999px;background:var(--hair);overflow:hidden}
.pbar span{display:block;height:100%;background:#c9c4ef}
.pwait{font:400 12.5px/1.3 var(--font);color:var(--text-2);white-space:nowrap}
.pwait--late{color:var(--hold)}
.perfhead{margin:18px 0 10px;align-items:center}
.perfsub{font:400 12px/1.2 var(--font)}
.ht-table--perf th.c-old{width:140px}
.prog-fill--soft{background:#c9c4ef}
.ht-table--perf th.c-open{width:260px}.ht-table--perf th.c-late{width:140px}
.ht-table--perf{min-width:0!important}
.perfnote{display:flex;align-items:center;gap:8px;margin-top:12px;font:400 12px/1.4 var(--font);color:var(--text-3)}
 
body:not(.phone-mode) .tabbar--seg{display:inline-flex;max-width:none!important;border-radius:9px;padding:3px;background:var(--surface-3);margin-bottom:14px}
body:not(.phone-mode) .tabbar--seg>button{flex:0 0 auto;height:28px;padding:0 12px;border-radius:7px;font:500 13px/1 var(--font)}
.aclsplit{display:grid;grid-template-columns:236px minmax(0,1fr);gap:14px;align-items:start}
.acllist{padding:0;border-radius:10px;overflow:hidden}
.acllist-h{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);font:600 10.5px/1.2 var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}
.acllist-h span+span{text-transform:none;letter-spacing:0;font-weight:400;font-size:11.5px}
.acllist-b{padding:4px;max-height:calc(100vh - 210px);overflow:auto}
.aclrole-i{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;color:var(--text)}
.aclrole-i:hover{background:var(--surface-2)}
.aclrole-i.on{background:var(--sel-bg)}
.aclrole-i.on b{color:var(--accent-text)}
.aab{flex:none;min-width:34px;height:24px;padding:0 5px;border-radius:6px;background:var(--surface-3);display:inline-flex;align-items:center;justify-content:center;font:600 10.5px/1 var(--font);color:var(--text-2)}
.aclrole-i.on .aab{background:var(--accent);color:#fff}
.aab--on{background:var(--accent-soft);color:var(--accent-text);min-width:0;height:20px}
.aclrole-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.aclrole-t b{font:600 13px/1.25 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aclrole-t span{font:400 11.5px/1.2 var(--font);color:var(--text-3)}
.aclmain{min-width:0}
.aclhead{padding:12px 16px;border-radius:10px;margin-bottom:12px}
.aclhead-t{font:700 16px/1.2 var(--font-display);color:var(--text)}
.aclhead-s{font-size:12px;margin-top:4px}


.annlive{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}
.annlive-h{font:600 0.6875rem/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}
.annlive-r{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}
.annlive-r:last-child{border-bottom:0}
.annlive-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.annlive-t b{font-weight:600;overflow-wrap:anywhere}
.annlive-t .mut3{font-size:0.75rem}
.annretire{flex:none;color:var(--sc-hold-fg);gap:4px}


.annroles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;max-height:280px;overflow-y:auto;padding:4px 2px;border:1px solid var(--border);border-radius:10px}
.phone-mode .annroles{grid-template-columns:minmax(0,1fr)}
.annrole{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;cursor:pointer;color:var(--text);font-size:0.875rem}
.annrole input{width:18px;height:18px;flex:none;accent-color:var(--accent)}
.annrole span{min-width:0;overflow-wrap:anywhere}
.aclpick{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;margin:0 0 12px;border-radius:10px;text-align:left;cursor:pointer;color:var(--text);font:inherit}
.aclpick .aclrole-t{flex:1 1 auto}
.aclpick .aclrole-t b{font:700 15px/1.25 var(--font-display);white-space:normal}
.aclpick>svg{flex:none;color:var(--text-3)}
.sheet .aclrole-i{min-height:48px;padding:8px 10px}
.sheet .aclrole-t b{white-space:normal}
body:not(.phone-mode) .ht-table--tk td.c-money{white-space:nowrap}


body:not(.phone-mode) .railmin .railtogs{display:none}
body:not(.phone-mode) .railmin .ht-nav-i{position:relative}
body:not(.phone-mode) .railmin .ht-nav-i .ht-badge{display:block;position:absolute;top:9px;left:calc(50% + 5px);width:7px;height:7px;min-width:0;padding:0;border-radius:999px;font-size:0;line-height:0;background:var(--hold);box-shadow:0 0 0 1.5px var(--surface)}
body:not(.phone-mode) .module-list-toolbar.lt1 .tb-l>.ht-seg:first-child{margin-left:0!important;margin-right:3px}
 
body:not(.phone-mode) .tdhead{display:flex;align-items:baseline;gap:8px;margin:0 0 8px}
body:not(.phone-mode) .tdhead .mut3{font:400 12px/1.4 var(--font);color:var(--text-3)}
body:not(.phone-mode) .tdhead--tk{margin-top:18px}
body:not(.phone-mode) .tblock--d{padding:0;border-radius:10px;overflow:hidden;margin-bottom:0}
body:not(.phone-mode) .tblock--d .tblock-scroll{min-height:252px;max-height:min(42vh,420px)}
body:not(.phone-mode) .todo-row--d{display:flex;align-items:center;gap:12px;min-height:47px;padding:10px 14px;border-bottom:1px solid var(--hair)}
body:not(.phone-mode) .todo-row--d .todo-tick{width:18px;height:18px;border-radius:999px;border:1.5px solid var(--border-strong);color:#fff}
body:not(.phone-mode) .todo-row--d .todo-tick[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)}
body:not(.phone-mode) .todo-row--d .todo-open{flex:1 1 auto}
body:not(.phone-mode) .todo-row--d .todo-ttl{font:400 13px/1.45 var(--font);color:var(--text)}
body:not(.phone-mode) .todo-row--d.todo-row--done .todo-ttl{color:var(--text-3)}
body:not(.phone-mode) .todo-row--d .todo-sub{margin-left:0;font-size:11.5px;color:var(--text-3)}
body:not(.phone-mode) .todo-row--d .todo-acts{gap:12px}
.tdue{font:400 12px/1.4 var(--font);color:var(--text-3);white-space:nowrap}
.tdue--today,.tdue--late{font-weight:600;padding:2px 8px;border-radius:999px}
.tdue--today{background:rgba(169,116,26,.14);color:#7d5510}
.tdue--late{background:rgba(192,57,43,.11);color:#96271c}
:root[data-theme="dark"] .tdue--today{background:rgba(169,116,26,.22);color:#f0c878}
:root[data-theme="dark"] .tdue--late{background:rgba(192,57,43,.22);color:#ff9e93}
.tdbin{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--text-3);cursor:pointer;padding:0}
.tdbin:hover{background:var(--surface-3);color:var(--hold)}
body:not(.phone-mode) .todo-add--d{margin:0;gap:10px;padding:9px 14px;background:var(--surface-2);border-top:1px solid var(--hair)}
body:not(.phone-mode) .todo-add--d .tdplus{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:999px;border:1.5px dashed var(--border-strong);color:var(--text-3)}
body:not(.phone-mode) .todo-add--d .ht-input{height:30px;border:0;background:transparent;padding:0;font:400 13px/1 var(--font);box-shadow:none}
body:not(.phone-mode) .todo-add--d .ht-input:focus{outline:none}
body:not(.phone-mode) .todo-add--d .todo-who{flex:0 0 150px}
body:not(.phone-mode) .todo-add--d .todo-who input{height:28px;border-radius:7px;font:500 12px/1 var(--font)}
body:not(.phone-mode) .todo-add--d .ht-btn{height:28px;padding:0 12px;border-radius:7px;font:600 12px/1 var(--font)}



body:not(.phone-mode) .kcard .kn{font-weight:400}
body:not(.phone-mode) .kcard.un .kn{font-weight:600}
body:not(.phone-mode) .kcard .km{font:400 11px/1 var(--font);color:var(--text-3)}
body:not(.phone-mode) .khead .ht-status,body:not(.phone-mode) .khead .klane{height:26px;padding:0 11px 0 9px;font-size:12.5px}
body:not(.phone-mode) .khead .seccount{min-width:20px;height:20px;border-radius:999px;display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font:600 11px/1 var(--font);padding:0 5px}
.klane{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-weight:600}
.kcard--todo{flex-direction:row;align-items:flex-start;gap:10px}
.kcard--todo .todo-tick{width:18px;height:18px;border-radius:999px;border:1.5px solid var(--border-strong);color:#fff;margin-top:1px}
.kcard--todo .todo-tick[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)}
.kcard--todo .todo-open{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.kcard--todo .kn{font:400 13px/1.4 var(--font)!important}
.kcard--todo.is-done .kn{text-decoration:line-through;color:var(--text-3)}
.kcard--todo .tdue{font-size:11px}
.kcard--todo .tdue--today,.kcard--todo .tdue--late{padding:0;background:none}
 
body:not(.phone-mode) .ht-table--byme th.c-for{width:160px}
body:not(.phone-mode) .ht-table--byme th.c-due{width:126px}
body:not(.phone-mode) .ht-table--byme th.c-status{width:150px}
body:not(.phone-mode) .ht-table--byme th.c-act{width:56px}
body:not(.phone-mode) .ht-table--byme td.ttl .tkname{font:400 13px/1.4 var(--font);color:var(--text)}
body:not(.phone-mode) .ht-table--byme tr.is-done td.ttl .tkname{text-decoration:line-through;color:var(--text-3)}
.bmwho{display:inline-flex;align-items:center;gap:8px;font:400 12.5px/1.2 var(--font);color:var(--text-2)}
.bmwho .kav{width:22px;height:22px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;font:600 9px/1 var(--font);flex:none}
.bmx{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-3);cursor:pointer;padding:0}
.bmx:hover{border-color:var(--hold);color:var(--hold)}
 
.tplgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tplcard{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;text-align:left;color:inherit;font:inherit;
  transition:box-shadow 120ms,border-color 120ms,transform 120ms}
.tplcard:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 2px 4px rgba(27,26,24,.06),0 12px 26px -12px rgba(27,26,24,.26)}
.tplc-h{display:flex;align-items:flex-start;gap:10px}
.tplc-ic{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;flex:none}
.tplc-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.tplc-n{font:600 13.5px/1.3 var(--font);color:var(--text)}
.tplc-m{font:400 12px/1.35 var(--font);color:var(--text-3)}
.tplc-c{display:flex;flex-wrap:wrap;gap:5px}
.tplc-c span{height:22px;padding:0 8px;border-radius:999px;background:var(--surface-3);color:var(--text-code,var(--text-2));display:inline-flex;align-items:center;font:500 11.5px/1 var(--font)}
.tplc-f{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--hair);font:400 11.5px/1.3 var(--font);color:var(--text-3);margin-top:auto}
.tplc-n .ht-status{height:18px;padding:0 7px;font-size:10.5px;vertical-align:1px;white-space:nowrap}


.ht-status--acc{background:var(--accent-soft);color:var(--accent-text);font-weight:600}
.ht-status--acc::before,.ht-status.issNew::before{width:13px;height:13px;border-radius:0;background:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.ht-status--acc::before{-webkit-mask-image:var(--ic-burst);mask-image:var(--ic-burst)}
.ht-status.issNew::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8v.01'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8v.01'/%3E%3C/svg%3E")}
.rowact{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-2);cursor:pointer;padding:0}
.rowact:hover{border-color:var(--border-strong);color:var(--text)}
.rowact--acc{border-color:transparent;background:var(--accent-soft);color:var(--accent-text)}
body:not(.phone-mode) table.ht-table--iss th.c-follow{width:110px}
 
body:not(.phone-mode) .otile .otile-bar{display:flex;flex-direction:column;gap:5px}
body:not(.phone-mode) .otile .otile-row{min-height:20px;margin-top:0;gap:8px}
body:not(.phone-mode) .otile .otile-st{height:20px;padding:0 8px;font:600 11px/20px var(--font)}
body:not(.phone-mode) .otile .otile-st.is-open{background:var(--sc-done-bg);color:var(--sc-done-fg)}
body:not(.phone-mode) .otile .otile-hr.is-missing{color:var(--prog,#a9741a)}
 
body:not(.phone-mode) .mdl--k-outlet{max-width:760px;border-radius:12px}
body:not(.phone-mode) .ohead-d{display:flex;align-items:flex-start;gap:16px;padding:18px 20px 16px}
body:not(.phone-mode) .ohead-d .ohead-art{width:112px;height:80px;flex:none;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-2)}
body:not(.phone-mode) .ohead-d .ohead-art .otile-art{aspect-ratio:auto;height:100%;border:0}
body:not(.phone-mode) .ohead-d .ohead-top{margin:2px 0 6px}
body:not(.phone-mode) .ohead-d h3{font:700 19px/1.25 var(--font-display);letter-spacing:-.015em;margin:0}
body:not(.phone-mode) .ohead-sub{font:400 12.5px/1.4 var(--font);color:var(--text-2);margin-top:4px}
.olinks{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.olink{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);
  color:var(--text);font:500 13px/1 var(--font);cursor:pointer;text-decoration:none}
.olink:hover{border-color:var(--border-strong);text-decoration:none}
.olink .ic{color:var(--text-2)}
.olink:first-child .ic{color:#128c4a}
.olink.is-off{color:var(--text-3);border-style:dashed;cursor:default}
body:not(.phone-mode) .ocard--d{padding:6px 20px 20px}
body:not(.phone-mode) .ocard--d .ogrid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
body:not(.phone-mode) .ocard--d .osec{margin:14px 0 2px;font:600 10.5px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
body:not(.phone-mode) .ocard--d .kv{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;min-height:39px;padding:6px 0;border-bottom:1px solid var(--hair);gap:10px}
body:not(.phone-mode) .ocard--d .kv .k{font:600 12.5px/1.35 var(--font);color:var(--text-2)}    
body:not(.phone-mode) .ocard--d .kv .v{font:400 13px/1.4 var(--font);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;overflow-wrap:anywhere}
.ocopy{width:24px;height:24px;flex:none;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-3);cursor:pointer;padding:0}
.ocopy:hover{background:var(--surface-3);color:var(--text)}
.opin{margin-top:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);padding:12px 14px}
.opin-h{display:flex;align-items:center;gap:10px;margin-bottom:4px;color:var(--text-2)}
.opin-h .t{flex:1;font:400 12.5px/1.4 var(--font);color:var(--text-2)}
.opin-h .ht-input{width:104px;height:32px;text-align:center;letter-spacing:.3em;font-variant-numeric:tabular-nums;background:var(--surface)}
.opin-h .ht-btn{height:32px}
.opin-bad{font:600 12px/1.3 var(--font);color:var(--hold);margin:4px 0}
.opin-g{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
body:not(.phone-mode) .opin .kv--sec{border-bottom:1px solid var(--hair)}
body:not(.phone-mode) .opin:not(.is-open) .kv--sec .eye{display:none}
 
.asplit{display:grid;grid-template-columns:236px minmax(0,1fr);gap:14px;align-items:start}
.asmain{min-width:0}
.asp{padding:0;border-radius:10px;overflow:hidden}
.asp-h{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);
  font:600 10.5px/1.2 var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}
.asp-h span+span{text-transform:none;letter-spacing:0;font-weight:400;font-size:11.5px;color:var(--text-3)}
.asp-b{padding:4px;max-height:calc(100vh - 190px);overflow:auto}
.asp-r{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:6px 8px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;color:var(--text)}
.asp-r:hover{background:var(--surface-2)}
.asp-r.on{background:var(--sel-bg)}
.asp-r.on .asp-t b{color:var(--accent-text)}
.aspbox{width:16px;height:16px;flex:none;border:1.5px solid var(--border-strong);border-radius:5px;display:grid;place-items:center;color:#fff;background:var(--surface)}
.aspbox.on{background:var(--accent);border-color:var(--accent)}
.asp-art{width:40px;height:28px;flex:none;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface-2)}
.asp-art .otile-art{aspect-ratio:auto;height:100%;border:0}
.asp-art .otile-ph svg{width:18px}
.asp-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.asp-t b{font:600 12.5px/1.25 var(--font)}
.asp-t span{font:400 11.5px/1.2 var(--font);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asp-all .asp-t b{font-size:13px}
.aspn{font:400 12px/1 var(--font);color:var(--text-2);font-variant-numeric:tabular-nums}
.aspb{min-width:18px;height:18px;padding:0 5px;border-radius:5px;display:inline-grid;place-items:center;background:var(--sc-hold-bg);color:var(--sc-hold-fg);font:600 10.5px/1 var(--font)}
.aspb.is-zero{background:transparent;color:var(--text-3)}
.ashead{display:flex;padding:0;border-radius:10px;overflow:hidden;margin-bottom:14px}
.ashead-art{width:148px;flex:none;border-right:1px solid var(--border);background:var(--surface-2)}
.ashead-art .otile-art{aspect-ratio:auto;height:100%;border:0}
.ashead-b{flex:1;min-width:0;padding:14px 16px}
.ashead-t{display:flex;align-items:baseline;gap:6px;margin-bottom:10px}
.ashead-n{font:700 17px/1.25 var(--font-display);letter-spacing:-.015em;color:var(--text)}
.ashead-c{font:400 12px/1 var(--font);color:var(--text-3)}
.asstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hair)}
.ascell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px 2px;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:0}
.ascell+.ascell{border-left:1px solid var(--hair)}
.ascell:hover .ascell-n{color:var(--accent-text)}
.ascell-l{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1.2 var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}
.ascell-l i{width:7px;height:7px;border-radius:999px;display:inline-block}
.ascell-n{font:700 18px/1.2 var(--font-display);color:var(--text);font-variant-numeric:tabular-nums}
.ascell.on .ascell-l,.ascell.on .ascell-n{color:var(--accent-text)}
body:not(.phone-mode) .astool{margin-bottom:12px}
body:not(.phone-mode) .astool .tb-l{gap:8px;align-items:center}
body:not(.phone-mode) .asseg{margin:0}
body:not(.phone-mode) .astool .asset-find .searchpill{height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface)}
body:not(.phone-mode) .aschips{margin-bottom:10px}
body:not(.phone-mode) .asmain .tblwrap .ht-table td.ttl .tkname{font:400 13px/1.4 var(--font);color:var(--text)}
body:not(.phone-mode) .astool .asset-find .searchpill input{font:400 13px/1 var(--font)}
 
body:not(.phone-mode) .mdl-head--ic{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 6px}
body:not(.phone-mode) .mdl-head--ic .mhic{width:34px;height:34px;flex:none;border-radius:9px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center}
body:not(.phone-mode) .mdl-head--ic h3{font:700 18px/1.3 var(--font-display);letter-spacing:-.015em;margin:1px 0 0}
body:not(.phone-mode) .mdl-head--ic .mhsub{font:400 12.5px/1.45 var(--font);color:var(--text-2);margin-top:2px}
.ctypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin-bottom:14px}
.ctype{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;text-align:left;color:inherit;font:inherit}
.ctype:hover{border-color:var(--border-strong)}
.ctype.on{border:2px solid var(--accent);padding:11px 13px;background:var(--sel-bg)}
.ctype-ic{width:28px;height:28px;flex:none;border-radius:7px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center}
.ctype-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ctype-t b{font:600 13px/1.3 var(--font);color:var(--text)}
.ctype-t span{font:400 11.5px/1.35 var(--font);color:var(--text-3)}
body:not(.phone-mode) .cpri{display:flex;width:100%;height:38px;border-radius:999px;padding:3px;background:var(--surface-3)}
body:not(.phone-mode) .cpri>button{flex:1;height:32px;border-radius:999px;font:600 12.5px/1 var(--font);color:var(--text-2)}
body:not(.phone-mode) .cpri>button.on{background:var(--surface);box-shadow:var(--shadow-1)}
body:not(.phone-mode) .cpri>button.on.is-low{background:rgba(15,118,110,.12);color:#0b5a54;box-shadow:none}
body:not(.phone-mode) .cpri>button.on.is-medium{background:rgba(194,65,12,.12);color:#9a3412;box-shadow:none}
body:not(.phone-mode) .cpri>button.on.is-high{background:rgba(192,57,43,.12);color:#96271c;box-shadow:none}
body:not(.phone-mode) .mdl-foot--send .cmiss{margin-right:auto;font:400 12px/1.4 var(--font);color:var(--text-3)}
 
body:not(.phone-mode) .mdl .fl{text-transform:none;letter-spacing:0;font:600 12.5px/1.3 var(--font);color:var(--text);margin-bottom:6px}
body:not(.phone-mode) .mdl .fl .op{text-transform:none;letter-spacing:0;font:400 11.5px/1 var(--font);color:var(--optional);margin-left:4px}    
body:not(.phone-mode) .mdl .fl .rq{color:var(--hold)}
body:not(.phone-mode) .mdl--k-compose .frm>*{order:10}
body:not(.phone-mode) .mdl--k-compose .frm>:has(#cTitle){order:1}
body:not(.phone-mode) .mdl--k-compose .frm>:has(#cDesc){order:2}
body:not(.phone-mode) .mdl--k-compose .frm>:has(#cOutlet){order:3}
body:not(.phone-mode) .mdl--k-compose .frm>:has(.cpri){order:4}
body:not(.phone-mode) .mdl--k-compose .frm>:has(#cDue){order:5}
body:not(.phone-mode) .mdl--k-compose .frm>:has(#pick_assetId){order:6}



body:not(.phone-mode) .mdl--k-compose .frm>[data-buyfield]:has(#pick_assetId),
body:not(.phone-mode) .mdl--k-compose .frm>:has(#cNewName),
body:not(.phone-mode) .mdl--k-compose .frm>:has(#cNewCat),
body:not(.phone-mode) .mdl--k-compose .frm>[data-newitemnote]{order:1}


.frm .frmpair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.phone-mode .frm .frmpair{grid-template-columns:1fr}
.cafter{margin-top:16px;border:1px solid var(--border);border-radius:10px;padding:12px 14px}
.cafter-h{font:600 10.5px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:8px}
.cafter-s{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cafter-i{display:inline-flex;flex-direction:column;gap:1px;padding:6px 10px;border-radius:7px;background:var(--surface-2)}
.cafter-i span{font:400 11px/1.2 var(--font);color:var(--text-3)}
.cafter-i b{font:500 12.5px/1.3 var(--font);color:var(--text)}
.cafter-sep{color:var(--text-3);display:inline-grid}
.cafter-n{font:400 11.5px/1.4 var(--font);color:var(--text-3);margin-top:8px}
body:not(.phone-mode) .mdl--k-compose .mdl-body{padding-top:10px}
 
body:not(.phone-mode) .mdl-scrim:has(.mdl--k-notices){background:transparent;justify-content:flex-end;align-items:flex-start;
  padding:62px max(22px,calc((100vw - 1440px)/2 + 48px)) 0 0;animation:none}
body:not(.phone-mode) .mdl-scrim>.mdl.mdl--k-notices{margin:0;width:400px;max-width:400px;max-height:min(560px,calc(100vh - 80px));border-radius:12px;
  box-shadow:0 18px 44px -14px rgba(27,26,24,.3);display:flex;flex-direction:column;overflow:hidden}
body:not(.phone-mode) .mdl--k-notices .nthead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}
body:not(.phone-mode) .mdl--k-notices .nthead h3{margin:0;font:600 15px/1.3 var(--font-display)}
body:not(.phone-mode) .mdl--k-notices .nthead .cellink{font:500 12.5px/1 var(--font)}
body:not(.phone-mode) .mdl--k-notices .mdl-body{padding:0 12px 8px;overflow-y:auto;flex:1;min-height:0}
body:not(.phone-mode) .mdl--k-notices .nttabs{display:flex;width:100%;border-radius:10px;margin-bottom:8px!important}
body:not(.phone-mode) .mdl--k-notices .nttabs>button{flex:1;height:30px;border-radius:8px;font:500 12.5px/1 var(--font)}
body:not(.phone-mode) .mdl--k-notices .nrow{border:0;box-shadow:none;background:transparent;margin:0!important;padding:10px 6px;border-radius:8px}
body:not(.phone-mode) .mdl--k-notices .nrow:hover{background:var(--surface-2)}
body:not(.phone-mode) .mdl--k-notices .ht-empty,body:not(.phone-mode) .mdl--k-notices .emptycard{border:0;box-shadow:none}
body:not(.phone-mode) .menu .mi{padding:10px 12px;font:400 13px/1.25 var(--font);gap:10px}
body:not(.phone-mode) .menu .mi .mic .ic{width:15px;height:15px}
body:not(.phone-mode) .mdl--k-notices .ntxt{font:600 13px/1.35 var(--font)}
body:not(.phone-mode) .mdl--k-notices .nrow:not(.nrow--new) .ntxt{font-weight:400;color:var(--text-2)}
body:not(.phone-mode) .mdl--k-notices .cbdy{font:400 12px/1.4 var(--font);color:var(--text-2);margin-top:2px}
 
.setgrid{display:grid;grid-template-columns:280px minmax(0,684px);gap:16px;align-items:start}
.setprof{padding:20px 16px;text-align:center;border-radius:10px}
.setav{width:60px;height:60px;font-size:1.3125rem;margin:0 auto 12px}
.setnm{font:700 17px/1.3 var(--font-display);color:var(--text)}
.setrole{font:400 12.5px/1.4 var(--font);color:var(--text-2);margin-top:4px}
.setpin{display:inline-flex;align-items:center;gap:6px;margin-top:12px;height:24px;padding:0 10px;border-radius:999px;background:var(--surface-3);font:500 12px/1 var(--font);color:var(--text)}
.setpin i{width:6px;height:6px;border-radius:999px;background:var(--done)}
.setout{margin-top:12px;height:38px}
.setsec{font:600 10.5px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin:4px 2px 8px}
.setsec:not(:first-child){margin-top:18px}
.setcard{padding:0;border-radius:10px;overflow:hidden;margin-bottom:0}
.setva{margin-top:14px;background:linear-gradient(90deg,var(--surface),var(--sc-hold-bg));}
.setrow{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 16px;border-bottom:1px solid var(--hair)}
.setrow:last-child{border-bottom:0}
.setrow[role="button"]{cursor:pointer}
.setrow[role="button"]:hover{background:var(--surface-2)}
.setrow-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.setrow-t b{font:500 13.5px/1.3 var(--font);color:var(--text)}
.setrow-t span{font:400 12px/1.35 var(--font);color:var(--text-2)}
.setseg{margin:0}
.setseg>button{display:inline-flex;align-items:center;gap:6px}
.settog{width:38px;height:22px;border-radius:999px;background:var(--border-strong);position:relative;flex:none;transition:.15s}
.settog i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fff;transition:.15s}
.settog.on{background:var(--accent)}
.settog.on i{transform:translateX(16px)}
.settog.off{opacity:.5}
 
.hkinds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.hkind{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;text-align:left;color:inherit;font:inherit}
.hkind:hover{border-color:var(--border-strong)}
.hkind.on{border:2px solid var(--accent);padding:11px}
.hkind b{font:600 13px/1.3 var(--font);color:var(--text);margin-top:6px}
.hkind span:not(.hkind-ic){font:400 11.5px/1.35 var(--font);color:var(--text-3)}
.hkind-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center}
.hk-hold{background:var(--sc-hold-bg);color:var(--sc-hold-fg)}
.hk-accent{background:var(--accent-soft);color:var(--accent-text)}
.hk-prog{background:var(--sc-prog-bg);color:var(--sc-prog-fg)}
.helpbox--d{border:1px solid var(--border);border-radius:10px;overflow:hidden}
.helpbox--d .ht-textarea{border:0;border-radius:0;box-shadow:none;padding-bottom:10px!important;min-height:118px}
.helpbox-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid var(--hair)}
.helpbox--d .helpbox-add{position:static}
.helpbox-ctx{display:inline-flex;align-items:center;gap:5px;font:400 11.5px/1 var(--font);color:var(--text-3)}
body:not(.phone-mode) #acctBtn.on{background:var(--accent-soft);color:var(--accent-text)}
 
.isscrim{position:fixed;inset:0;z-index:60;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:32px 16px}
.isscard{width:100%;max-width:560px;border-radius:12px;animation:ht-pop var(--dur-micro) var(--ease)}
.isscard .mdl-head--ic{padding-top:20px}
.isscard .mdl-body{display:flex;flex-direction:column;gap:14px;padding-top:8px}
.isscard .mdl-body>.fl{margin-bottom:-8px}
.issrow{display:grid;grid-template-columns:minmax(0,1fr) 178px;gap:14px;align-items:end}
.issrow>div{margin:0!important;max-width:none!important}
.issri .fl{display:block}
.isshot{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border:1.5px dashed var(--border-strong);border-radius:10px;background:var(--surface-2);color:var(--text-2);font:500 13px/1 var(--font);cursor:pointer}
.isshot:hover{border-color:var(--accent);color:var(--accent-text)}
.issrow .fl::first-letter,.mdl--k-compose .fl::first-letter{text-transform:uppercase}
body:not(.phone-mode) .mdl-head--ic + .mdl-body{padding-top:14px}
.ashead--cat .ashead-b{padding:0}.ashead--cat .asstrip{border-top:0}.ashead--cat .ascell{padding:12px 14px 10px}
 
body:not(.phone-mode) .asmain,body:not(.phone-mode) .ascol{display:flex;flex-direction:column}
body:not(.phone-mode) .asmain>.astool,body:not(.phone-mode) .ascol>.astool{order:-2}
body:not(.phone-mode) .asmain>.aspick,body:not(.phone-mode) .ascol>.aspick{order:-1}
body:not(.phone-mode) .asmain>.ashead,body:not(.phone-mode) .ascol>.ashead{order:-1}
.ashead:not(:has(.ashead-art)) .asstrip{border-top:0}.ashead:not(:has(.ashead-art)) .ashead-b{padding:4px 4px 6px}

 
.jw-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.jw-bar .pgsearch{border-radius:var(--r-pill)}
.jw-nav{display:inline-flex;align-items:center;gap:2px;height:32px;padding:0 3px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);box-sizing:border-box}
.jw-arr{width:26px;height:26px;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);display:grid;place-items:center;cursor:pointer}
.jw-arr:hover{background:var(--surface-3);color:var(--text)}
.jw-wk{min-width:168px;text-align:center;font:500 13px/1 var(--font);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.jw-now{height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);font:500 12.5px/1 var(--font);cursor:pointer}
.jw-now:hover{background:var(--surface-3)}
.jw-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:12px}
.jw-tile{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;min-width:0;text-align:left;font:inherit;transition:border-color 120ms,box-shadow 120ms}
.jw-tile:hover{border-color:var(--border-strong);box-shadow:0 2px 4px rgba(27,26,24,.06),0 10px 22px -12px rgba(27,26,24,.24)}
.jw-tile.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.jw-tt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.jw-tt b{font:600 13px/1.2 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jw-tt em{font:400 11.5px/1.2 var(--font);font-style:normal;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jw-av{width:32px;height:32px;border-radius:var(--r-pill);display:grid;place-items:center;font:600 11.5px/1 var(--font);flex:none}
.jw-av--s{width:22px;height:22px;font-size:9px}
.jw-t-all{background:var(--surface-3);color:var(--text-2)}
.jw-t0{background:rgba(81,71,214,.10);color:#4740c9}
.jw-t1{background:rgba(11,90,84,.11);color:#0b5a54}
.jw-t2{background:rgba(142,68,173,.11);color:#6f3589}
.jw-t3{background:rgba(213,159,60,.15);color:#855711}
.jw-t4{background:rgba(31,111,235,.11);color:#12539f}
.jw-t5{background:rgba(31,138,76,.11);color:#1a6e3d}
.jw-tnone{background:rgba(192,57,43,.11);color:#96271c}
.jw-scroll{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);max-height:calc(100vh - 300px);min-height:280px}
.jw-grid{min-width:980px}
.jw-hd,.jw-row{display:grid;grid-template-columns:minmax(200px,1.5fr) 132px repeat(7,minmax(84px,1fr))}
.jw-hd{position:sticky;top:0;z-index:2;background:var(--surface-2);border-bottom:1px solid var(--border)}
.jw-hd>span{font:600 11px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);align-self:stretch;display:flex;align-items:center}
.jw-hd .jw-oc{padding:10px 14px}
.jw-hd .jw-base{padding:10px 8px;border-right:1px solid var(--border);cursor:help}
.jw-dh{flex-direction:column;justify-content:center;gap:3px;padding:8px 4px}
.jw-dh i{font-style:normal;letter-spacing:.04em}
.jw-dh b{display:grid;place-items:center;min-width:24px;height:22px;padding:0 5px;border-radius:var(--r-pill);font:600 12.5px/1 var(--font);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:0}
.jw-dh.is-today{background:var(--accent-soft);color:var(--accent-text)}
.jw-dh.is-today b{background:var(--accent);color:var(--accent-on)}
.jw-dh.is-past,.jw-dh.is-past b{color:#9b9791}
.jw-gh{display:flex;align-items:center;gap:10px;height:38px;padding:0 14px;background:var(--surface-2);border-bottom:1px solid var(--hair)}
.jw-gh b{font:600 13px/1.2 var(--font);color:var(--text)}
.jw-gh em{font:400 12px/1.2 var(--font);font-style:normal;color:var(--text-3)}
.jw-row{border-bottom:1px solid var(--hair);min-height:46px}
.jw-row:hover{background:var(--surface-2)}
.jw-row--none{background:#fdf8f7}
.jw-row .jw-oc{display:flex;align-items:center;gap:10px;padding:6px 14px;min-width:0}
.jw-oc b{font:600 12px/1 var(--font);color:var(--text);letter-spacing:.02em;width:34px;flex:none}
.jw-oc em{font:400 13px/1.3 var(--font);font-style:normal;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jw-row .jw-base{display:flex;align-items:center;padding:6px 8px;border-right:1px solid var(--hair)}
.jw-c{display:flex;align-items:center;justify-content:center;padding:6px 5px}
.jw-c.is-today{background:var(--accent-soft)}
.jw-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:92px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:var(--r-pill);font:600 12px/1 var(--font);cursor:pointer;white-space:nowrap}
.jw-pill span{overflow:hidden;text-overflow:ellipsis}
.jw-pill:hover:not(:disabled){filter:brightness(.95)}
.jw-pill.is-past{opacity:.5;cursor:default}
.jw-pill.is-moved{border-color:currentColor}
.jw-pill.is-moved::after{content:"";position:absolute;top:-3px;right:-2px;width:8px;height:8px;border-radius:var(--r-pill);background:#d59f3c;border:1.5px solid var(--surface)}
.jw-pill--base{max-width:none;height:30px}
.jw-empty{padding:40px 16px;text-align:center;font:400 13px/1.5 var(--font);color:var(--text-3)}
.jw-foot{margin:10px 2px 0;font:400 12px/1.5 var(--font);color:var(--text-3)}
.jw-bar .pgsearch{flex:0 1 240px;width:240px;min-width:130px}
.jw-av--xs{width:20px;height:20px;font-size:9px}
.jw-bp{display:inline-flex;align-items:center;gap:6px;width:100%;height:30px;padding:0 8px 0 5px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);cursor:pointer;min-width:0;font:inherit}
.jw-bp:hover{border-color:var(--border-strong);background:var(--surface-2)}
.jw-bp b{flex:1;min-width:0;text-align:left;font:500 12px/1 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jw-bp--none{border-color:#f1d6d1}
.jw-bp--none b{color:#96271c}
.jw-grid--tk{min-width:1040px}
.jw-grid--tk .jw-hd,.jw-grid--tk .jw-row{grid-template-columns:minmax(200px,1.5fr) 132px repeat(7,minmax(84px,1fr)) 60px}
.jw-hd .jw-tkh{justify-content:center;padding:10px 8px;border-left:1px solid var(--border);cursor:help}
.jw-tk{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--hair)}
.jw-tkn{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:var(--r-pill);background:rgba(31,111,235,.11);color:#12539f;font:600 11.5px/1 var(--font)}
.jw-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.jw-key{display:inline-flex;align-items:center;gap:7px}
.jw-key i{position:relative;width:20px;height:10px;border:1px solid var(--text-3);border-radius:var(--r-pill)}
.jw-key i::after{content:"";position:absolute;top:-4px;right:-3px;width:7px;height:7px;border-radius:var(--r-pill);background:#d59f3c;border:1.5px solid var(--surface)}

 
.perftop{gap:10px;margin-bottom:12px;align-items:center}
.pc-n--late{color:var(--hold)}
.pc-d{display:flex;align-items:center;gap:4px;font:500 11.5px/1.2 var(--font);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-d svg{flex:none}
.perfstrip .perfcell{padding:12px 14px}
.perfstrip .pc-l{font-size:10px;color:var(--text-3)}
.perfstrip .pc-n{font-size:23px}
.perfmid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;margin-bottom:4px}
.perfmid .perfcard{margin:0;min-width:0}
.perfflow{display:flex;flex-direction:column;gap:10px}
.perfflow .pcard-h{flex-wrap:wrap;gap:10px;margin:0}
.pkey{display:inline-flex;align-items:center;gap:5px;font:400 12px/1 var(--font);color:var(--text-2)}
.pkey i{width:8px;height:8px;border-radius:2px}
.pk-in{background:#c9c4f3}
.pk-out{background:var(--accent)}
.pbars{display:flex;align-items:flex-end;gap:10px;height:120px;border-bottom:1px solid var(--border);padding:0 2px}
.pbar2{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.pbar2 span{width:42%;max-width:16px;border-radius:3px 3px 0 0;min-height:1px}
.plabels{display:flex;gap:10px;padding:0 2px;margin-top:-4px}
.plabels span{flex:1;min-width:0;text-align:center;font:400 11px/1 var(--font);color:var(--text-3)}
.perfroles{max-height:230px;overflow:auto}
.perfroles .prole{grid-template-columns:minmax(0,1fr) 56px 64px;column-gap:10px;padding:0 4px;min-height:34px;border-bottom:0;border-top:1px solid var(--hair)}
.perfroles .pcard-h+.prole{border-top:0}
.perfroles .prole-n{font-weight:500}
.perfroles .pbar span{background:#a9a3ec}
.psw{display:inline-flex;align-items:center;width:34px;height:20px;padding:2px;border-radius:var(--r-pill);background:#d8d5ce;transition:background 140ms;box-sizing:border-box;flex:none}
.psw span{width:16px;height:16px;border-radius:var(--r-pill);background:#fff;transition:transform 140ms}
.psw.on{background:var(--accent)}
.psw.on span{transform:translateX(14px)}
.ht-table--perf2 th.c-open{width:200px}.ht-table--perf2 th.c-late{width:110px}.ht-table--perf2 th.c-old{width:120px}
.ht-table--perf2 th.c-ms,.ht-table--perf2 th.c-done{width:100px}
.pobar{display:flex;align-items:center;gap:10px}
.pobar b{width:22px;flex:none;font:600 12.5px/1 var(--font);font-variant-numeric:tabular-nums}
.potrack{flex:1;height:6px;border-radius:99px;background:#f4f3f0;position:relative;overflow:hidden}
.potrack span{position:absolute;left:0;top:0;bottom:0;background:#c9c4f3;border-radius:99px}
.potrack .po-late{background:var(--hold)}
.plate{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:6px;background:rgba(192,57,43,.11);color:#96271c;font:600 12px/1 var(--font);font-variant-numeric:tabular-nums}

 
.aclu-bar{gap:8px;margin-bottom:12px;align-items:center}
.aclu-chips{gap:6px;flex-wrap:wrap}
.aclu-chips .ht-chip .tn{margin-left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:5px;background:var(--surface-3);font:600 11px/18px var(--font);color:var(--text-2);display:inline-block;text-align:center}
.aclu-chips .ht-chip.on .tn{background:rgba(81,71,214,.14);color:var(--accent-text)}
.ht-table--users td{font-size:13px}
.ht-table--users th.c-no,.ht-table--users td.c-no{width:44px;text-align:center;color:var(--text-3)}
.aclu-n{display:inline-flex;align-items:center;gap:9px;color:var(--text)}
.aclu-av{width:22px;height:22px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;font:600 8.5px/1 var(--font);flex:none}
.aclu-role{padding:0;border:0;background:none;font:400 13px/1.3 var(--font);color:var(--text);text-decoration:underline dotted var(--text-3);text-underline-offset:3px;cursor:pointer}
.aclu-role:hover{color:var(--accent-text)}
.aclu-mail{color:var(--text-2)}
.aclu-st{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--r-pill);background:rgba(31,138,76,.12);color:#17693a;font:600 12px/1 var(--font)}
.aclu-st i{width:5px;height:5px;border-radius:50%;background:currentColor}
.aclu-st--off{background:var(--surface-3);color:var(--text-2)}
.aclu-off td{color:var(--text-3)}
.aclu-off .aclu-n{color:var(--text-3)}
.issph{display:inline-flex;align-items:center;align-self:center;gap:3px;flex:none;font:500 11px/1 var(--font);color:var(--text-3);margin-left:7px}

 
body:not(.phone-mode) .mdl--k-issue{max-width:600px}
.issh{align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:14px}
.issh .kicker{font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:var(--accent-text)}
.issh h3{font:700 18px/1.3 var(--font-display);letter-spacing:-.015em;margin:3px 0 0}
.issh-p{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.issh-w{font:400 12px/1.2 var(--font);color:var(--text-2);margin-left:2px}
.issb{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font:400 12.5px/1.4 var(--font);margin-bottom:16px}
.issb-ic{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;flex:none}
.issb--wait{background:#fdf8ec;border:1px solid #f1e3bf;color:var(--text-2)}
.issb--wait b{color:#7d5510;font-weight:600}
.issb--wait .issb-ic{background:rgba(169,116,26,.14);color:#7d5510}
.issb--link{background:#f7f6fe;border:1px solid #dedbf8;color:var(--text-2)}
.issb--link b{color:var(--accent-text);font-weight:600}
.issb--link .issb-ic{background:rgba(81,71,214,.12);color:var(--accent-text)}
.issf{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}
.issf>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.issf span{font:400 11.5px/1.2 var(--font);color:var(--text-3)}
.issf b{font:600 13px/1.4 var(--font);color:var(--text)}
.issf b em{font-style:normal;font-weight:400;color:var(--text-2);margin-left:4px;font-size:12px}
.issf .issf-full{grid-column:1/-1}
.issf .issf-full b{font-weight:400;white-space:pre-wrap}
.isslk{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;margin:4px 0 16px}
.isslk-ic{width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;flex:none}
.isslk .grow{display:flex;flex-direction:column;gap:3px;min-width:0}
.isslk .grow span{font:400 11.5px/1.2 var(--font);color:var(--text-3)}
.isslk .grow b{font:600 13px/1.3 var(--font);color:var(--text)}
.isslk-b{height:30px;padding:0 11px;font-size:12.5px}
.issj h4{font:600 15px/1.3 var(--font-display);margin:0 0 4px;color:var(--text)}
.issj p{font:400 12px/1.45 var(--font);color:var(--text-2);margin:0 0 12px}
.issj-c{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.issj-o{position:relative;padding-right:40px}
.issj-o.on{padding-right:39px}
.issj-o .ctype-t span{font-size:12px;color:var(--text-2)}
.issj-r{position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface)}
.issj-o.on .issj-r{border:5px solid var(--accent)}
.issft{align-items:center}
.issft .issv{margin-right:auto;color:var(--hold)}
.issft .issv:only-child{margin-right:0}
.issh+.mdl-body{padding-top:16px}
.isslk .grow{flex:1}

 
.rvtop{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.rvback{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:4px 6px;margin-left:-6px;border-radius:6px;color:var(--accent-text);font:500 13px/1 var(--font);cursor:pointer}
.rvback:hover{background:var(--accent-soft)}
.rvcode{font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:var(--text-2)}
.rvhead{display:flex;align-items:center;gap:22px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:12px;flex-wrap:wrap}
.rvhead-t{flex:1;min-width:240px}
.rvhead h1{font:700 18px/1.3 var(--font-display);letter-spacing:-.015em;margin:0}
.rvmeta{font:400 12.5px/1.4 var(--font);color:var(--text-2);margin-top:4px}
.rvchain{display:flex;align-items:center;gap:10px}
.rvst{display:flex;align-items:center;gap:8px}
.rvst i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:600 11px/1 var(--font);font-style:normal;flex:none}
.rvst--done i{background:#1f8a4c;color:#fff}
.rvst--now i{border:1.5px solid #a9741a;color:#a9741a}
.rvst>span{display:flex;flex-direction:column;gap:2px}
.rvst b{font:600 12px/1.2 var(--font);color:var(--text)}
.rvst em{font:400 11px/1.2 var(--font);font-style:normal;color:var(--text-3)}
.rvst--now em{color:#a9741a}
.rvln{width:22px;height:1px;background:var(--border-strong)}
.rvprog{width:180px}
.rvprog .between span{font:400 11.5px/1.2 var(--font);color:var(--text-2)}
.rvprog .between b{font:600 11.5px/1.2 var(--font)}
.rvbar{display:block;height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin:6px 0}
.rvbar span{display:block;height:100%;background:var(--accent);border-radius:99px}
.rvsub{font:400 11px/1.2 var(--font);color:var(--text-3)}
.rvsplit{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;align-items:stretch;height:calc(100vh - 262px);min-height:360px}
.rvsecs,.rvpanel{border:1px solid var(--border);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.rvsecs-h{padding:12px 12px 10px;font:600 11px/1 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border)}
.rvsecs-b{overflow:auto;padding:4px;flex:1}
.rvsec-i{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer;font:inherit}
.rvsec-i:hover{background:var(--surface-2)}
.rvsec-i.on{background:var(--accent-soft)}
.rvsec-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rvsec-t b{font:600 13px/1.3 var(--font);color:var(--text);overflow-wrap:anywhere}
.rvsec-i.on .rvsec-t b{color:var(--accent-text)}
.rvsec-t .rvbar{height:3px;margin:6px 0 0}
.rvsec-i.is-ok .rvbar span{background:#1f8a4c}
.rvsec-i.is-bad .rvbar span{background:var(--hold)}
.rvsec-n{font:400 11.5px/1.3 var(--font);color:var(--text-3);font-variant-numeric:tabular-nums;padding-top:6px}
.rvpanel-h{display:flex;align-items:baseline;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border)}
.rvpanel-h b{font:600 15px/1.3 var(--font-display);color:var(--text)}
.rvpanel-h span{font:400 12px/1.2 var(--font);color:var(--text-2)}
.rvwait{display:flex;align-items:center;gap:8px;margin:10px 16px 0;padding:8px 10px;border-radius:8px;background:#fdf8ec;color:#7d5510;font:400 12.5px/1.4 var(--font)}
.rvitems{flex:1;overflow:auto}
.rvnote{display:flex;gap:8px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--hair);font:400 12.5px/1.45 var(--font);color:var(--text-2);background:var(--surface-2)}
.rvit{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-bottom:1px solid var(--hair)}
.rvit-n{width:22px;height:22px;border-radius:6px;background:var(--surface-3);display:grid;place-items:center;font:600 11px/1 var(--font);color:var(--text-2);flex:none;margin-top:1px}
.rvit-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.rvit-t{font:400 13.5px/1.45 var(--font);color:var(--text);overflow-wrap:anywhere}
.rvit-a{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rvans{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:5px;font:600 11px/1 var(--font)}
.rvans--ok{background:rgba(31,138,76,.12);color:#17693a}
.rvans--bad{background:rgba(192,57,43,.11);color:#96271c}
.rvans--idle{background:var(--surface-3);color:var(--text-2)}
.rvit-note{font:400 12.5px/1.4 var(--font);color:var(--text-3)}
.rvit-why{display:flex;gap:6px;align-items:flex-start;font:400 12.5px/1.4 var(--font);color:var(--hold)}
.rvit-r{min-height:32px;height:32px;padding:6px 10px;font-size:12.5px;resize:vertical}
.rvdec{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:var(--surface-3);flex:none}
.rvdec button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border:0;border-radius:7px;background:none;color:var(--text-2);font:600 12.5px/1 var(--font);cursor:pointer}
.rvdec button:hover{background:var(--surface)}
.rvdec button.on{background:#1f8a4c;color:#fff}
.rvdec button.rvdec-no.on{background:var(--hold);color:#fff}
.rvbulk{padding:14px 16px}
.rvbulk-b{color:#17693a}
.rvfoot{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border);background:var(--surface-2)}
.rvfoot span{flex:1;font:400 12px/1.3 var(--font);color:var(--text-2)}

 
:where(:root[data-theme="dark"]) body:not(.phone-mode) .wfbtn{background:rgba(81,71,214,.16)!important}
:where(:root[data-theme="dark"]) body:not(.phone-mode) .mdl--k-ticket .mdl-foot .ht-btn--wa{color:#7ee0a4;border-color:#2f5a40}
:where(:root[data-theme="dark"]) .wfs .wfs-mark{border:1.5px solid #44444b;color:#a6a39d}
:where(:root[data-theme="dark"]) .wfs--cur .wfs-mark{background:#2b2518;color:#f0c878}
:where(:root[data-theme="dark"]) .wfs--cur .wfs-at{color:#f0c878}
:where(:root[data-theme="dark"]) .wfs--bad .wfs-at{color:#ff9e93}
:where(:root[data-theme="dark"]) .rowwa{color:#4fd88a}
:where(:root[data-theme="dark"]) .rowwa:hover{background:#1d2c23}
:where(:root[data-theme="dark"]) .pbar span{background:#4a4680}
:where(:root[data-theme="dark"]) .prog-fill--soft{background:#4a4680}
:where(:root[data-theme="dark"]) .tdue--today{background:rgba(169,116,26,.22);color:#f0c878}
:where(:root[data-theme="dark"]) .tdue--late{background:rgba(192,57,43,.22);color:#ff9e93}
:where(:root[data-theme="dark"]) body:not(.phone-mode) .otile .otile-hr.is-missing{color:var(--prog,#d59f3c)}
:where(:root[data-theme="dark"]) .olink:first-child .ic{color:#4fd88a}
:where(:root[data-theme="dark"]) body:not(.phone-mode) .cpri>button.on.is-low{background:rgba(15,118,110,.22);color:#5fd0c4}
:where(:root[data-theme="dark"]) body:not(.phone-mode) .cpri>button.on.is-medium{background:rgba(194,65,12,.22);color:#f59a6c}
:where(:root[data-theme="dark"]) body:not(.phone-mode) .cpri>button.on.is-high{background:rgba(192,57,43,.22);color:#ff9e93}
:where(:root[data-theme="dark"]) .settog i{background:#232327}
:where(:root[data-theme="dark"]) .jw-t0{background:rgba(81,71,214,.22);color:#b9b4ff}
:where(:root[data-theme="dark"]) .jw-t1{background:rgba(11,90,84,.22);color:#5fd0c4}
:where(:root[data-theme="dark"]) .jw-t2{background:rgba(142,68,173,.22);color:#dab3ef}
:where(:root[data-theme="dark"]) .jw-t3{background:rgba(213,159,60,.22);color:#f0c878}
:where(:root[data-theme="dark"]) .jw-t4{background:rgba(31,111,235,.22);color:#9cc2ff}
:where(:root[data-theme="dark"]) .jw-t5{background:rgba(31,138,76,.22);color:#7ee0a4}
:where(:root[data-theme="dark"]) .jw-tnone{background:rgba(192,57,43,.22);color:#ff9e93}
:where(:root[data-theme="dark"]) .jw-dh.is-past,:where(:root[data-theme="dark"]) .jw-dh.is-past b{color:#8c8983}
:where(:root[data-theme="dark"]) .jw-row--none{background:#2a1e1c}
:where(:root[data-theme="dark"]) .jw-bp--none{border-color:#4e2e2a}
:where(:root[data-theme="dark"]) .jw-bp--none b{color:#ff9e93}
:where(:root[data-theme="dark"]) .jw-tkn{background:rgba(31,111,235,.22);color:#9cc2ff}
:where(:root[data-theme="dark"]) .pk-in{background:#4a4680}
:where(:root[data-theme="dark"]) .perfroles .pbar span{background:#6a64c8}
:where(:root[data-theme="dark"]) .psw{background:#44444b}
:where(:root[data-theme="dark"]) .psw span{background:#232327}
:where(:root[data-theme="dark"]) .potrack{background:#2a2a2f}
:where(:root[data-theme="dark"]) .potrack span{background:#4a4680}
:where(:root[data-theme="dark"]) .plate{background:rgba(192,57,43,.22);color:#ff9e93}
:where(:root[data-theme="dark"]) .aclu-chips .ht-chip.on .tn{background:rgba(81,71,214,.22)}
:where(:root[data-theme="dark"]) .aclu-st{background:rgba(31,138,76,.22);color:#7ee0a4}
:where(:root[data-theme="dark"]) .issb--wait{background:#2b2518;border:1px solid #4b3d1f}
:where(:root[data-theme="dark"]) .issb--wait b{color:#f0c878}
:where(:root[data-theme="dark"]) .issb--wait .issb-ic{background:rgba(169,116,26,.22);color:#f0c878}
:where(:root[data-theme="dark"]) .issb--link{background:#24223a;border:1px solid #3b3862}
:where(:root[data-theme="dark"]) .issb--link .issb-ic{background:rgba(81,71,214,.22)}
:where(:root[data-theme="dark"]) .rvst--done i{background:#3fb872}
:where(:root[data-theme="dark"]) .rvst--now i{border:1.5px solid #d59f3c;color:#d59f3c}
:where(:root[data-theme="dark"]) .rvst--now em{color:#d59f3c}
:where(:root[data-theme="dark"]) .rvsec-i.is-ok .rvbar span{background:#3fb872}
:where(:root[data-theme="dark"]) .rvwait{background:#2b2518;color:#f0c878}
:where(:root[data-theme="dark"]) .rvans--ok{background:rgba(31,138,76,.22);color:#7ee0a4}
:where(:root[data-theme="dark"]) .rvans--bad{background:rgba(192,57,43,.22);color:#ff9e93}
:where(:root[data-theme="dark"]) .rvdec button.on{background:#3fb872}
:where(:root[data-theme="dark"]) .rvbulk-b{color:#7ee0a4}

 
.phone-mode .phone-top{padding:12px 16px}
.phone-mode .phone-top .ht-logo{width:40px!important;height:40px!important;border-radius:10px}
.phone-mode .phone-top .icon-btn{border:0;background:none;box-shadow:none;width:36px;height:36px}
.phone-mode .phone-top .icon-btn:hover{background:var(--surface-3)}
.phone-mode .mscope{height:36px;padding:0 12px 0 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font:600 12px/1 var(--font)}
.phone-mode .phone-child-title{color:var(--accent-text);font:500 11.5px/1.2 var(--font)}
.mchips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}
.mchips::-webkit-scrollbar{display:none}
.mchips .fchip{flex:none}
.mlist{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.mlist .mrow{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px 12px 12px 12px;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:none;text-align:left;width:100%;min-height:0}
.mlist .mrow:last-child{border-bottom:0}
.mr-top{display:flex;align-items:center;gap:8px;min-width:0}
.mr-meta{flex:1;min-width:0;font:400 11px/1.3 var(--font);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-who{font:600 11.5px/1.2 var(--font);color:var(--text);white-space:nowrap;max-width:40%;overflow:hidden;text-overflow:ellipsis}
.mr-who.is-me{color:var(--hold)}
.mr-when{font:600 11.5px/1.2 var(--font);color:var(--text-2);white-space:nowrap}
.mr-top .ic{color:var(--text-3);flex:none}
.mr-ttl{display:flex;align-items:baseline;gap:7px;font:400 15px/1.35 var(--font);color:var(--text);overflow-wrap:anywhere}
.mr-ttl i{display:none;width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;transform:translateY(-2px)}
.mr-ttl.un{font-weight:700}
.mr-ttl.un i{display:inline-block}
.mr-sub{font:400 12.5px/1.35 var(--font);color:var(--text-2)}
.mr-prog{display:flex;align-items:center;gap:10px}
.mr-bar{flex:1;height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.mr-fill{display:block;height:100%;border-radius:99px}
.mr-fill--acc{background:var(--accent)}.mr-fill--done{background:var(--done)}.mr-fill--hold{background:var(--hold)}
.mr-prog b{font:600 12px/1 var(--font);color:var(--text);font-variant-numeric:tabular-nums}
.mr-bot{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mr-money{font:400 12px/1.2 var(--font);color:var(--text-3)}
.mr-money--partially_paid,.mr-money--invoiced{color:#a9741a}
.mr-due{margin-left:auto;font:400 12px/1.2 var(--font);color:var(--text-2);white-space:nowrap}
.mr-due--l{margin-left:2px;color:var(--text-3)}
.phone-mode .mchips .fchip{height:30px;padding:0 10px;font-size:12px;border-radius:var(--r-pill)}
.phone-mode .mchips .fchip .cc{min-width:18px;height:18px;font-size:11px}
 
.mhome{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:14px 12px 14px;margin-bottom:18px}
.mh-counts{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--hair)}
.mh-c{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;padding:0;cursor:pointer;font:inherit;min-width:0}
.mh-c b{font:700 19px/1.1 var(--font-display);color:var(--text);font-variant-numeric:tabular-nums}
.mh-c span{font:400 11px/1.2 var(--font);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mh-c--requests b{color:#a9741a}.mh-c--issues b{color:var(--hold)}
.mh-sc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.mh-sc .sctile{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:none;box-shadow:none;min-height:0;position:relative;text-align:center;color:inherit;font:inherit;cursor:pointer}
.mh-sc .sctile:hover{transform:none;box-shadow:none}
.mh-sc .sc-i{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;margin:0}
.mh-sc .sc-t{font:400 11.5px/1.25 var(--font);color:var(--text);white-space:normal;overflow:visible}
.mh-sc .sc-out{position:absolute;top:-4px;left:calc(50% + 12px);width:16px;height:16px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-3)}
.mh-sc .sc-out .ic{width:9px;height:9px}
 
.modgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px;padding:6px 0 10px}
.modg-i{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;cursor:pointer;font:400 12.5px/1.2 var(--font);color:var(--text)}
.modg-ic{position:relative;width:48px;height:48px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center}
.modg-ic em{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--hold);color:#fff;font:700 10.5px/18px var(--font);font-style:normal}
 
.phone-mode .mdl-scrim{padding:28px 0 0;flex-direction:column;align-items:stretch;justify-content:flex-start}    
.phone-mode .mdl-scrim>.mdl{margin-top:auto;max-width:none;border-radius:18px 18px 0 0;border-bottom:0;position:relative;padding-top:22px;animation:ht-sheet var(--dur-overlay) var(--ease)}
.phone-mode .mdl-scrim>.mdl::before{content:"";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--border-strong)}
@keyframes ht-sheet{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.phone-mode .mdl-scrim>.mdl{animation:none}}
.phone-mode .mdl-head .icon-btn{border:0;background:var(--surface-3);border-radius:50%;width:32px;height:32px}
 
.phone-mode .mseg{display:flex;width:100%;margin-bottom:12px;padding:4px;border-radius:12px}
.phone-mode .mseg>button{flex:1;height:36px;font-size:12.5px;font-weight:600;justify-content:center}
.phone-mode .ogrid--m{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:0}
.phone-mode .ogrid--m .otile{position:relative;border-radius:12px}
.phone-mode .ogrid--m .otile-art{aspect-ratio:1/1}
.phone-mode .ogrid--m .otile-bar{padding:8px 8px 9px}
.phone-mode .ogrid--m .otile-nm{font:600 11.5px/1.3 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.phone-mode .ogrid--m .otile-hr{font:400 10.5px/1.3 var(--font)}
.phone-mode .ogrid--m .otile-st{position:absolute;top:6px;left:6px;height:18px;padding:0 6px;font:600 10px/18px var(--font);background:var(--surface);border:1px solid var(--border)}
.phone-mode .ogrid--m .otile-st.is-open{background:rgba(31,138,76,.12);border-color:transparent}
.mr-due.is-missing{color:#a9741a}
 
.ascount{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;margin:0 0 10px;font:400 12px/1.4 var(--font);color:var(--text-2)}
.ascount-i{border:0;background:none;padding:2px 0;font:inherit;color:inherit;cursor:pointer}
.ascount-i b{font-weight:700;color:var(--text)}
.ascount-i.on{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}
.ascount-sep{color:var(--text-3)}
.phone-mode .plist .asrow{padding:12px 14px}
.asst{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1 var(--font);color:var(--text-2);white-space:nowrap}
.asst i{width:6px;height:6px;border-radius:50%;background:currentColor}
.asst--done{color:var(--done)}.asst--hold{color:var(--hold)}.asst--info{color:var(--info)}.asst--idle{color:var(--text-2)}.asst--prog{color:var(--prog)}
 
.phone-mode .tdhead{display:flex;align-items:baseline;gap:8px;margin:0 0 8px}
.phone-mode .tdhead .mut3{font:400 12px/1.4 var(--font);color:var(--text-3)}
.phone-mode .tdhead--tk{margin-top:18px}
.phone-mode .tblock--d{padding:0;border-radius:10px;overflow:hidden;margin-bottom:0}
.phone-mode .tblock--d .tblock-scroll{max-height:min(38vh,320px)}
.phone-mode .todo-row--d{display:flex;align-items:center;gap:12px;min-height:47px;padding:10px 14px;border-bottom:1px solid var(--hair)}
.phone-mode .todo-row--d .todo-tick{width:18px;height:18px;border-radius:999px;border:1.5px solid var(--border-strong);color:#fff}
.phone-mode .todo-row--d .todo-tick[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)}
.phone-mode .todo-row--d .todo-open{flex:1 1 auto}
.phone-mode .todo-row--d .todo-ttl{font:400 14px/1.45 var(--font);color:var(--text)}
.phone-mode .todo-row--d.todo-row--done .todo-ttl{color:var(--text-3)}
.phone-mode .todo-row--d .todo-sub{margin-left:0;font-size:11.5px;color:var(--text-3)}
.phone-mode .todo-row--d .todo-acts{gap:12px}
.phone-mode .todo-add--d{margin:0;gap:10px;padding:9px 14px;background:var(--surface-2);border-top:1px solid var(--hair)}
.phone-mode .todo-add--d .tdplus{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:999px;border:1.5px dashed var(--border-strong);color:var(--text-3)}
.phone-mode .todo-add--d .ht-input{height:30px;border:0;background:transparent;padding:0;font:400 13px/1 var(--font);box-shadow:none}
.phone-mode .todo-add--d .ht-input:focus{outline:none}
.phone-mode .todo-add--d .todo-who{flex:0 0 150px}
.phone-mode .todo-add--d .todo-who input{height:28px;border-radius:7px;font:500 12px/1 var(--font)}
.phone-mode .todo-add--d .ht-btn{height:28px;padding:0 12px;border-radius:7px;font:600 12px/1 var(--font)}
.phone-mode .tblock--d{margin-bottom:18px}



.tblock--d .tblock-empty{padding:12px 14px}
.phone-mode .tdhead h3{font-size:14px}
 
.phone-mode .msprof{margin-bottom:14px}
.phone-mode .msrow{min-height:48px}
.phone-mode .msseg{padding:3px;border-radius:9px;gap:2px}
.phone-mode .msseg>button{height:28px;padding:0 10px;font:600 12px/1 var(--font)}
.phone-mode .msout{background:var(--surface);border-color:#ebcac3;height:48px;border-radius:12px}
:root[data-theme="dark"] .phone-mode .msout{border-color:#5a3530}
 
.phone-mode .mdl--k-notices .nrow{border:0;border-bottom:1px solid var(--hair);border-radius:0;box-shadow:none;background:transparent;margin:0!important;padding:12px 4px}
.phone-mode .mdl--k-notices .nrow:last-child{border-bottom:0}
.phone-mode .mdl--k-notices .ntxt{font:600 14px/1.35 var(--font)}
.phone-mode .mdl--k-notices .nrow:not(.nrow--new) .ntxt{font-weight:400;color:var(--text-2)}
.phone-mode .mdl--k-notices .cbdy{font:400 13px/1.4 var(--font);color:var(--text-2);margin-top:3px}
.phone-mode .mdl--k-notices .nttabs{display:flex;width:100%}
.phone-mode .mdl--k-notices .nttabs>button{flex:1}
.mh-counts--ann{display:flex;align-items:stretch;gap:6px}
.mh-counts--ann>.mh-c{flex:1 1 0}
.mh-counts--ann>.anncard{flex:1.7 1 0;min-width:0;margin:0}
.mh-sc{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:4px 4px 0}
.mh-sc::-webkit-scrollbar{display:none}
.mh-sc>.sctile{flex:0 0 calc((100% - 12px) / 4);min-width:72px}
 
body:not(.phone-mode) .mdl--k-notices .nrow:not(.nrow--new),.phone-mode .mdl--k-notices .nrow:not(.nrow--new){background:var(--surface-2)}
body:not(.phone-mode) .mdl--k-notices .nrow.nrow--new,.phone-mode .mdl--k-notices .nrow.nrow--new{background:var(--surface)}
.phone-mode .mdl--k-notices .nrow{padding:12px 8px;border-radius:8px;border-bottom:0;margin-bottom:4px!important}
 
.phone-mode .todo-add--d{flex-wrap:wrap;padding:8px 10px}
.phone-mode .todo-add--d .ht-input{flex:1 1 calc(100% - 30px);min-width:0;height:34px;font-size:14px}
.phone-mode .todo-add--d .todo-who{flex:1 1 150px;min-width:0}
.phone-mode .todo-add--d .ht-btn{flex:none}
.phone-mode .todo-row--d .todo-tick{width:24px;height:24px}
 
.ascount{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.ascount::-webkit-scrollbar{display:none}
.ashead-art .otile-rv,.asp-art .otile-rv{display:none}    
 
.viewseg{flex:none}    
.asgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.asgc{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:inherit;min-width:0}
.asgc:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-h)}
.asgc-pic{width:100%;display:grid;place-items:center;padding:8px 0;background:var(--surface-2);border-radius:8px;margin-bottom:4px}
.asgc-n{font:600 13px/1.3 var(--font);color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asgc-s{font:400 11.5px/1.3 var(--font);color:var(--text-3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 
body .todo-row.todo-row--d.todo-row--sub{padding-left:42px}


body:not(.phone-mode) .ocard--d .kv + .osec{margin-top:40px}


@media (max-width:374px){.phone-mode .ascount{font-size:11px;gap:2px 3px;letter-spacing:-.01em}}
 
.phone-mode .mdl-scrim>.mdl--k-ticket{display:flex;flex-direction:column;max-height:calc(100dvh - 28px)}
.phone-mode .mdl--k-ticket>.mdl-head{flex:none}
.phone-mode .mdl--k-ticket>.mdl-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0 16px 4px}
.phone-mode .mdl--k-ticket>.mdl-foot{flex:none;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface-2)}
.phone-mode .tkfoot .ht-btn{min-height:48px;font-size:15px;border-radius:12px}
.phone-mode .tkfoot .ht-btn--wa{background:var(--surface)}
.tkchips{align-items:center}
 
.tkflowb{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:10px;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--accent-soft,#f0efff);color:var(--accent-text);font:600 12.5px/1 var(--font);cursor:pointer}
.tkflowb .wfn{font-weight:500;color:var(--text-2)}
.turnc{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border-radius:12px;
  background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}
.turnc-av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--surface);
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));font:700 12px/1 var(--font);color:var(--accent-text)}
.turnc-b{flex:1 1 auto;min-width:0}
.turnc-k{font:600 10.5px/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.turnc-n{font:700 15px/1.3 var(--font);color:var(--text);margin-top:2px}
.turnc-s{font:400 13px/1.35 var(--font);color:var(--text-2)}
.turnc-sla{align-self:flex-end;font:600 12.5px/1.3 var(--font);color:var(--hold);white-space:nowrap}
.turnc--late{background:var(--hold-soft);border-color:color-mix(in srgb,var(--hold) 30%,var(--border))}
.turnc--late .turnc-k,.turnc--late .turnc-av{color:var(--hold)}
.turnc--late .turnc-av{border-color:color-mix(in srgb,var(--hold) 30%,var(--border))}
.tkfm{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;padding:14px 0 16px;margin:0 0 14px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.tkf{min-width:0}
.tkf--full{grid-column:1/-1}
.tkf-k{display:flex;align-items:center;gap:10px;font:400 12.5px/1.3 var(--font);color:var(--text-3);margin-bottom:4px}
.tkf-l{border:0;background:none;padding:0;font:600 12.5px/1.3 var(--font);color:var(--accent-text);cursor:pointer}
.tkf-v{font:600 14px/1.4 var(--font);color:var(--text);overflow-wrap:anywhere}
.tkf-v .mut3{font-weight:400}
.tkf-bad{font:500 12px/1 var(--font);color:var(--hold)}
.tkf-none{font-weight:400;color:var(--text-2)}
.tkfm .exstack .cellink{display:none}
.tkfm .exstack{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left}
.msum-ph{font:400 13px/1.5 var(--font);color:var(--text-2);margin-top:10px}
.phone-mode .mpanel .mstep{margin-top:4px}
.tkdel{display:flex;justify-content:center;margin:16px 0 4px}
.tkdel-b{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:8px 12px;font:600 14px/1 var(--font);color:var(--hold);cursor:pointer}
.vwl{padding:12px 14px;margin:0 0 12px}
.vwl-k{font:600 10.5px/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}
.vwl-r{display:flex;align-items:center;gap:12px;padding:8px 0}
.vwl-r .cav{width:34px;height:34px;font-size:11px;border-radius:50%;flex:none}
.vwl-n{font:600 14px/1.3 var(--font);color:var(--text)}
.vwl-s{font:400 12.5px/1.3 var(--font);color:var(--text-3)}
.vwl-t{font:400 12.5px/1.3 var(--font);color:var(--text-2);white-space:nowrap}
.flowsh-scrim{position:absolute;inset:0;background:rgba(20,18,16,.32);z-index:5}
.flowsh{position:absolute;left:0;right:0;bottom:0;z-index:6;max-height:78%;display:flex;flex-direction:column;background:var(--surface);
  border-radius:18px 18px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.14);animation:ht-sheet var(--dur-overlay) var(--ease)}
.flowsh-h{display:flex;align-items:center;gap:10px;padding:16px 16px 10px}
.flowsh-h b{font:700 16px/1.2 var(--font-display);color:var(--text)}
.flowsh-h .mut3{font-size:13px}
.flowsh-h .icon-btn{margin-left:auto;border:0;background:transparent}
.flowsh-b{overflow-y:auto;padding:4px 16px calc(18px + env(safe-area-inset-bottom))}
@media (prefers-reduced-motion:reduce){.flowsh{animation:none}}
:where(:root[data-theme="dark"]) .flowsh-scrim{background:rgba(0,0,0,.5)}
.phone-mode .mpanel .moneytog .ht-label{font:700 15px/1.2 var(--font-display);text-transform:none;letter-spacing:0;color:var(--text)}


.opk-acts{display:inline-flex;gap:14px}
.opk-acts .cellink{text-decoration:underline;text-underline-offset:3px}
 
.vwwrap{position:relative;display:inline-flex}
.viewbtn.on{background:var(--surface-3)}
.vwpop{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:260px;max-height:260px;overflow-y:auto;padding:12px 14px 6px;
  background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-2);animation:ht-pop var(--dur-overlay) var(--ease)}
.vwpop--up{top:auto;bottom:calc(100% + 6px)}
.vwpop .vwl-r{padding:6px 0}
.vwpop .vwl-r .cav{width:26px;height:26px;font-size:9.5px}
.vwpop .vwl-n{font:500 13px/1.3 var(--font)}
.vwpop .vwl-s,.vwpop .vwl-t{font-size:11.5px}
 
.cmt-compose textarea:placeholder-shown + .cmt-send{background:var(--surface-3);color:var(--text-3);box-shadow:none}


.qread--d{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:12px}
.qread--d .qr-hd{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);
  font:600 10.5px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.qread--d .qr-hd .qr-ok{color:var(--done);text-transform:none;letter-spacing:0;font:500 12px/1.3 var(--font)}
.qread--d .qr-hd .qr-wait{color:var(--prog);text-transform:none;letter-spacing:0;font:500 12px/1.3 var(--font)}
.qread--d .qritem{border-top:1px solid var(--hair);padding:12px}
.qread--d .qritem:first-of-type{border-top:0}
.qread--d .qri-h{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}
.qread--d .qri-n{font:600 12px/1 var(--font);color:var(--text-3);min-width:12px}
.qread--d .qri-t{font:600 13.5px/1.3 var(--font);color:var(--text)}
.qread--d .qri-c{margin-left:auto;font:400 12px/1.3 var(--font);color:var(--text-3);white-space:nowrap}
.qread--d .qrline{border:1px solid var(--border);border-radius:8px;padding:9px 12px;margin:0 0 6px 18px;background:var(--surface)}
.qread--d .qrline.is-chosen{border-color:color-mix(in srgb,var(--done) 45%,var(--border));background:color-mix(in srgb,var(--done) 5%,var(--surface))}



.qread--d .qr-tog{width:100%;border-top:0;border-left:0;border-right:0;cursor:pointer;text-align:left;align-items:center}
.qread--d.qsub--shut .qr-hd{border-bottom:0}
.qread--d .qr-right{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.qread--d .qr-right .ht-status{text-transform:none;letter-spacing:0}
.qread--d .qr-amt{font:600 12.5px/1.3 var(--font);color:var(--text);text-transform:none;letter-spacing:0;white-space:nowrap}
.qread--d .qr-chev{display:inline-flex;color:var(--text-3)}
.qread--d .qr-tog:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.qbill .crow{border-bottom:0;padding:10px 12px}
.clist--bills{border-top:0;margin-top:0}
.qread--d .qrhead .qtag{display:none}
.qread--d .qrhead{justify-content:space-between}
.qread--d .qrhead>span:nth-child(2){font:500 13px/1.3 var(--font);color:var(--text-2)}
.qread--d .qrtot{font:700 14px/1.3 var(--font);font-variant-numeric:tabular-nums}
.qread--d .qrsub{margin:3px 0 0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}
.qread--d .qdoc{display:inline-flex;align-items:center;gap:5px;color:var(--text-3);text-decoration:none}
.qread--d .qdoc-t{font:600 10px/1 var(--font);letter-spacing:.04em;padding:3px 5px;border-radius:4px;background:var(--surface-3);color:var(--text-2)}
.qread--d .qrtotal{margin:0;padding:12px;border-top:1px solid var(--border);background:var(--surface-2)}
 
.rownotes{display:inline-flex;align-items:center;gap:10px}
.rownotes .rowwa-none{display:inline-block;width:26px;text-align:center}


.olink--wa .ic,.olink--wa svg{color:#128c4a}
.olink--map .ic,.olink--map svg{color:#d0453a}
.olink--aset .ic,.olink--aset svg{color:var(--accent)}
.olink--cv:not(.is-off) .ic,.olink--cv:not(.is-off) svg{color:#a9741a}
.olink--wa{border-color:color-mix(in srgb,#25d366 45%,var(--border))}
.olink--map{border-color:color-mix(in srgb,#d0453a 30%,var(--border))}
.olink--aset{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}
.olink--cv:not(.is-off){border-color:color-mix(in srgb,#a9741a 35%,var(--border))}



.wag{position:relative;display:inline-flex}
.olink--grp{border-color:color-mix(in srgb,#25d366 45%,var(--border))}
.olink--grp svg{color:#128c4a}
.wag-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:320px;max-width:calc(100vw - 48px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(20,20,40,.16);padding:4px 0 0;text-align:left}
.wag-h{padding:8px 14px;font:600 10.5px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.wag-a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border-top:1px solid var(--hair);color:var(--accent);text-decoration:none}
.wag-a:hover{background:var(--surface-2);text-decoration:underline}
.wag-a svg{flex:none;color:#128c4a}
.wag-t{min-width:0;font:600 14px/1.3 var(--font)}
.wag-sub{display:block;font:400 12px/1.35 var(--font);color:var(--text-3)}
.wag-f{margin:0;border-top:1px solid var(--hair);padding:9px 14px 11px;font:400 11.5px/1.4 var(--font);color:var(--text-3)}
:where(:root[data-theme="dark"]) .olink--grp svg,:where(:root[data-theme="dark"]) .wag-a svg{color:#4fd88a}
.phone-mode .wag{display:block}
.phone-mode .wag .olink{width:100%}
.phone-mode .wag-pop{position:static;width:auto;max-width:none;margin:0 0 12px;box-shadow:none}
.phone-mode .mdl--k-outlet .wag-pop{margin:0 16px 12px}
:where(:root[data-theme="dark"]) .olink--wa svg{color:#4fd88a}
:where(:root[data-theme="dark"]) .olink--map svg{color:#ff8a80}
:where(:root[data-theme="dark"]) .olink--cv:not(.is-off) svg{color:#f0c878}
 
.phone-mode .ohead-d{display:flex;align-items:flex-start;gap:14px;padding:0 0 14px}
.phone-mode .ohead-d .ohead-art{width:64px;height:64px;flex:none;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-2)}
.phone-mode .ohead-d .ohead-art .otile-art{aspect-ratio:auto;height:100%;border:0}
.phone-mode .ohead-d .ohead-top{margin:0 0 5px}
.phone-mode .ohead-d h3{font:700 17px/1.25 var(--font-display);margin:0}
.phone-mode .ohead-d .ohead-sub{font-size:13px;color:var(--text-3);margin-top:3px}
.phone-mode .olinks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 0;margin:0}
.phone-mode .olink{flex-direction:column;justify-content:center;height:auto;min-height:56px;padding:8px 4px;border-radius:12px;font-size:12px;text-align:center;gap:5px}
.phone-mode .ocard--d{padding:0 0 16px}
.phone-mode .ocard--d .ogrid{display:block;margin:0}
.phone-mode .ocard--d .osec{margin:18px 0 2px;font:600 10.5px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.phone-mode .ocard--d .kv{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;min-height:36px;padding:6px 0;border-bottom:1px solid var(--hair);gap:10px}
.phone-mode .ocard--d .kv .k{font:600 13px/1.35 var(--font);color:var(--text-2)}
.phone-mode .ocard--d .kv .v{font:400 13.5px/1.4 var(--font);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;overflow-wrap:anywhere}
.phone-mode .opin-g{grid-template-columns:1fr}
.phone-mode .opin-h{flex-wrap:wrap}
.phone-mode .opin-h .t{flex-basis:100%}
.phone-mode .opin-h .ht-input{flex:1;width:auto;height:44px}
.phone-mode .opin-h .ht-btn{height:44px}
.phone-mode .opin .kv--sec{min-height:44px;border-bottom:1px solid var(--hair)}
.phone-mode .opin:not(.is-open) .kv--sec .eye{display:none}
.phone-mode .mdl--k-outlet .olinks{margin:0 16px}
.phone-mode .mdl--k-outlet .ocard--d{padding:0 16px 16px}
.phone-mode .mdl--k-outlet .ohead-d{padding:0 16px 14px}
 
.thcopy{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:6px;vertical-align:-4px;border:0;border-radius:5px;background:transparent;color:var(--text-3);cursor:pointer;padding:0}
.thcopy:hover{background:var(--surface-3);color:var(--text)}
.ht-table--info td.cbc,.ht-table--info th.cbc{cursor:pointer}
.ht-table--info .pill{white-space:nowrap}
 
.asgc--d{padding:0;gap:3px;overflow:hidden}
.asgc--d .asgc-pic{position:relative;aspect-ratio:4/3;padding:0;border-radius:0;margin:0 0 6px;border-bottom:1px solid var(--hair)}
.asgc--d .asgc-st{position:absolute;top:8px;left:8px}
.asgc--d .asgc-st .ht-status{height:20px;font-size:11px;padding:0 8px}
.asgc--d .asgc-oc{position:absolute;top:8px;right:8px;height:20px;padding:0 7px;border-radius:5px;background:var(--surface);border:1px solid var(--border);
  display:inline-flex;align-items:center;font:600 11px/1 var(--font);color:var(--text-2)}
.asgc--d .asgc-n,.asgc--d .asgc-s{padding:0 12px}
.asgc--d .asgc-s{padding-bottom:12px}
 
.ashead-col{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:2px;background:var(--surface-2)}
.ashead-col .ashead-ci{position:relative;overflow:hidden;border-radius:4px;background:var(--surface);display:grid;place-items:center}
.ashead-col .ashead-ci .otile-art{aspect-ratio:auto;height:100%;width:100%;border:0}
.ashead-col .ashead-more{font:600 13px/1 var(--font);color:var(--text-2)}
.qread--d .qrsub>span:first-child{display:inline-flex;align-items:center;gap:6px;min-width:0}
.qread--d .qdoc{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-text)}
 
.pop.pop--grid{display:grid;grid-template-columns:repeat(var(--fcols,2),minmax(210px,240px));max-width:none;padding:0;overflow-y:auto;
  max-height:min(76vh,620px);grid-auto-rows:minmax(0,300px)}
.pop--grid .fgrp{padding:14px 12px 10px;overflow-y:auto;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);min-height:0}
.pop--grid .fgrp h4{margin:0 0 6px;padding:0 8px}
.pop--grid .popnote{grid-column:1/-1;padding:10px 20px}


body:not(.phone-mode) .astool .asset-find .searchpill input{border:0;background:transparent;height:30px;border-radius:8px;box-shadow:none}
 
.ht-table--info tr.is-closed td{color:var(--text-3)}
.ht-table--info tr.is-closed .rep-n{color:var(--text-2)}
.ht-table--info tr.is-closed .oth{opacity:.55}
.ht-table--info td{height:52px}
.ht-table--info td,.ht-table--info th{white-space:nowrap}
.ht-table--info th.ttl,.ht-table--info td.ttl{width:1%}
.ht-table--info td.ttl .rep-n{white-space:nowrap}
 
.rvpanel-h .rvfull-b{margin-left:auto;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.rvfull-scrim{position:fixed;inset:0;z-index:89;background:rgba(20,18,16,.38)}
.rvpanel.rvpanel--full{position:fixed;inset:24px;z-index:90;margin:0;max-height:none;display:flex;flex-direction:column;box-shadow:var(--shadow-2)}
.rvpanel--full .rvitems{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}
.rvpanel--full .itemshots .shot,.rvpanel--full .itemshots .shot img,.rvpanel--full .itemshots .shotbox{width:200px;height:200px}
.rvpanel--full .itemshots .shot img{object-fit:cover}
.rvpanel--full .rvit{padding-top:18px;padding-bottom:18px}
.rvpanel-h{align-items:center}



.phone-mode .olinks{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.opin--cv{margin:12px 20px 0}
.phone-mode .mdl--k-outlet .opin--cv{margin:12px 16px 0}
 
.phone-mode .olinks{gap:6px}
.phone-mode .olink{padding:8px 2px;font-size:11.5px;white-space:nowrap;letter-spacing:-.01em}




@media (min-width:1100px){
body:not(.phone-mode){padding:0}
body:not(.phone-mode) .shell{max-width:none;height:100vh;height:100dvh;margin:0;border:0;border-radius:0}
body:not(.phone-mode) .shell>.topbar,
body:not(.phone-mode) .shell>.rail,
body:not(.phone-mode) .shell>.maincol{border-radius:0}
}








.phone-mode .mdl-scrim>.mdl{flex-shrink:0}
.phone-mode .mdl-scrim{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.phone-mode:has(.mdl-scrim) .module,
.phone-mode:has(.mdl-scrim) .phone-body{overflow:hidden;touch-action:none}
.phone-mode .mdl-scrim,.phone-mode .mdl-scrim *{touch-action:auto}



.phone-mode .module,.phone-mode .phone-body{overflow-x:hidden}
html:has(body.phone-mode),body.phone-mode{overflow-x:clip}
.phone-mode .mlist .mrow{max-width:100%;min-width:0}
.phone-mode .mr-top,.phone-mode .mr-bot{min-width:0;max-width:100%}
.phone-mode .mr-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


.phone-mode .module-list-toolbar:has(.gsel){flex-wrap:wrap;row-gap:8px}
.phone-mode .module-list-toolbar:has(.gsel)>.tb-l{flex-wrap:wrap;row-gap:8px;min-width:0}
.phone-mode .gsel{flex:1 1 100%;order:10;width:100%!important;min-width:0!important;margin:0!important}
 
.mrow--tk .mr-top{align-items:flex-start}
.mrow--tk .mr-top .mr-ttl{flex:1 1 auto;min-width:0}
.mrow--tk .mr-top .mr-who,.mrow--tk .mr-top .ic{margin-top:2px;flex:none}
 
.mrow--tk .mr-meta--foot{display:block;font:400 11px/1.35 var(--font);color:var(--text-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 
.asttl{min-width:0}
.asttl>.tkttl{min-width:0}
.asrow{gap:12px}
.asrow>.thumb,.asttl>.thumb{flex:none}
.phone-mode .asgal{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.phone-mode .asgc--d .asgc-n{font-size:13px;padding:0 10px}
.phone-mode .asgc--d .asgc-s{font-size:11.5px;padding:0 10px 10px}
.phone-mode .module-list-toolbar:has(.gsel){align-items:flex-start}
.kcard>.rowflex:empty{display:none}
[data-ticket]>.rowflex:empty{display:none}
 
.scopepill,.scopepill.on,.scopepill:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.scopepill svg{color:#fff;stroke:#fff}
.scopepill:hover{filter:brightness(1.08)}
 
body:not(.phone-mode) .sechead .chev{opacity:1}
.sechead--fixed{cursor:default}


body:not(.phone-mode) .rail .ht-nav-i{height:42px;font-size:14px}
body:not(.phone-mode) h1.hgreet{font-size:19px}
 
body:not(.phone-mode) .pingrid>.sctile,body:not(.phone-mode) .pingrid>.kpitile{
  border:1px solid transparent;
  background:linear-gradient(var(--surface),var(--surface)) padding-box,
    linear-gradient(135deg,color-mix(in srgb,var(--accent) 38%,transparent),color-mix(in srgb,var(--accent) 8%,transparent) 60%,color-mix(in srgb,var(--accent) 22%,transparent)) border-box}
 
.opin--list{margin:0 0 12px}
.ht-table--info td.c-cv{white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.ht-table--info td.c-cv .dots{letter-spacing:.15em;color:var(--text-3)}




.mlist .mrow--tk{position:relative;padding-left:24px}
.mrow--tk .mr-ttl i{position:absolute;left:10px;top:19px;transform:none;margin:0}
.mrow--tk .mr-ttl{gap:0}
.mrow--tk .mr-foot{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.mrow--tk .mr-foot .mr-meta--foot{flex:1 1 auto}
.mrow--tk .mr-foot .mr-due{flex:none;margin-left:auto;font-size:11px}



.mh-sc{justify-content:center}
.mh-sc>.sctile{flex:1 1 0;min-width:72px;max-width:50%}
.mh-sc .sctile{gap:5px}
.mh-sc .sc-i{width:40px;height:40px;border-radius:11px}
.mh-sc .sc-t{font-size:11px;line-height:1.2}
.mh-sc .sc-out{left:calc(50% + 11px)}



.phone-mode .mdl--k-ticket .mdl-head{padding-bottom:6px}
.phone-mode .mdl--k-ticket .mdl-body>div:first-child:not(.tkchips){margin-bottom:10px;font-size:13.5px;line-height:1.45}
.phone-mode .mdl--k-ticket .tkchips{min-height:0;margin-bottom:6px;align-items:center}
.phone-mode .mdl--k-ticket .tkhero-end{margin-bottom:12px;font-size:12.5px}
.phone-mode .mdl--k-ticket .turnc{margin-bottom:12px}
.phone-mode .viewbtn{height:32px;min-height:32px;padding:0 10px;font-size:12.5px}



.tblock--d .tblock-scroll{max-height:min(40vh,360px)}
.phone-mode .tblock--d .tblock-scroll{max-height:min(34vh,280px)}
 
.milist .mirow{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:9px 12px 9px 14px;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:none;text-align:left;color:var(--text)}
.milist .mirow:last-child{border-bottom:0}
.mi-code{flex:0 0 40px;font:700 12.5px/1.2 var(--font);letter-spacing:.02em;color:var(--text)}
.mi-b{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.mi-n{font:500 14px/1.3 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi-s{font:400 12px/1.3 var(--font);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi-s .is-missing{color:var(--hold)}
.mi-st{flex:none;display:inline-flex;align-items:center;gap:5px;font:500 12px/1 var(--font);color:var(--text-3);background:none;border:0;padding:0;height:auto}
.mi-st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.mi-st.is-open{color:var(--done)}
.mirow>.ic{flex:none;color:var(--text-3)}
.mirow.is-closed .mi-n{color:var(--text-2)}
.phone-mode .mdl--k-ticket .mdl-body>div:first-child:not(.tkchips){margin-bottom:8px!important;font-size:13.5px!important;line-height:1.45}
.phone-mode .mdl--k-ticket .tkchips{margin-bottom:4px!important}
 
.ohead-sub.ohead-addr{white-space:normal;overflow:visible;text-overflow:clip;display:block;-webkit-line-clamp:unset;line-height:1.4;max-width:62ch}
 
.aclboth{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start;margin-top:12px}
.aclboth-l,.aclboth-r{min-width:0}
.aclboth-r{max-height:calc(100vh - 260px);overflow-y:auto}
.phone-mode .aclboth{grid-template-columns:1fr}
.phone-mode .aclboth-r{max-height:none;overflow:visible}
@media (max-width:1180px){.aclboth{grid-template-columns:1fr}.aclboth-r{max-height:none;overflow:visible}}
.aclboth-r .aclcols{grid-template-columns:1fr}






.avimg{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ua:has(>.avimg),.kav:has(>.avimg),.cav:has(>.avimg),.aclu-av:has(>.avimg),
.avatar:has(>.avimg),.turnc-av:has(>.avimg){overflow:hidden;padding:0;background:var(--surface-3);border-radius:50%}



.asttl .tkttl--2{flex-direction:column;align-items:flex-start;gap:2px}
.asttl .tkttl--2 .tkname{max-width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.asmeta{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.asmeta .tkfine::before{content:none}
.asmeta .ht-status{font-size:10px;line-height:1.3;padding:1px 7px}
body:not(.phone-mode) .asmain .tblwrap .ht-table th{white-space:normal;line-height:1.25}
body:not(.phone-mode) .asmain .tblwrap .ht-table th,
body:not(.phone-mode) .asmain .tblwrap .ht-table td{padding-left:8px;padding-right:8px}
body:not(.phone-mode) .asmain .tblwrap .ht-table td .ht-status{font-size:11.5px;padding:2px 8px;gap:5px}
body:not(.phone-mode) .asmain .tblwrap .ht-table th.ttl,
body:not(.phone-mode) .asmain .tblwrap .ht-table td.ttl{min-width:210px;max-width:300px}
body:not(.phone-mode) .asmain table.ht-table--tk{min-width:0}


@media (max-width:1439px){
  body:not(.phone-mode) .asplit{grid-template-columns:196px minmax(0,1fr)}
  body:not(.phone-mode) .asp .asp-art{display:none}
}





body:not(.phone-mode) table.ht-table--info th.ttl{width:auto}
body:not(.phone-mode) table.ht-table--info{table-layout:auto}
.ht-table--info tr.is-closed td{background:var(--surface-2)}
.ht-table--info tr.is-closed .rep-n,.ht-table--info tr.is-closed td{color:var(--text-3)}
 
body:not(.phone-mode) table.ht-table--info th.ttl{width:23%}
body:not(.phone-mode) table.ht-table--info th.c-cv{width:10%}
body:not(.phone-mode) table.ht-table--info th.c-jam{width:14%}
body:not(.phone-mode) table.ht-table--info th.c-kap{width:9%}
body:not(.phone-mode) table.ht-table--info th.c-hp{width:14%}
body:not(.phone-mode) table.ht-table--info th.c-mail{width:21%}
body:not(.phone-mode) table.ht-table--info th.c-st{width:8%}


.ocard--d .osec .gapdot{width:24px;height:24px;margin:-6px 0 -6px 4px;vertical-align:middle;color:var(--prog)}
.ocard--d .osec .gapdot:hover,.ocard--d .osec .gapdot:focus-visible{color:var(--prog);background:var(--prog-soft)}
.phone-mode .ocard--d .osec .gapdot{width:32px;height:32px;margin:-9px 0 -9px 2px}
.ogap-n{color:var(--prog)}
.ht-table--info tr.is-closed .ogap-n{display:none}
 
.aclu-count{font-size:12.5px}
.aupop{max-height:min(70vh,520px);overflow-y:auto}
.ht-table--users th.c-ed,.ht-table--users td.c-ed{width:44px;text-align:center;padding-left:4px;padding-right:4px}
.auform .fl{margin-top:12px}
.auform .fl:first-child{margin-top:0}
.aupicks{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;margin-top:6px}
.aupick{aspect-ratio:1;border-radius:50%;padding:0;border:2px solid transparent;background:var(--surface-2);overflow:hidden;cursor:pointer;display:grid;place-items:center}
.aupick img{width:100%;height:100%;object-fit:cover;display:block}
.aupick.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.aupick-ini{font:600 13px/1 var(--font);color:var(--text-2)}
.aupin-row{display:flex;align-items:center;gap:8px;margin-top:16px;font:500 13px/1.4 var(--font);color:var(--text)}
.aupin-row+.ht-input{margin-top:8px}
.ausep{margin:16px 0 4px;border-top:1px solid var(--hair)}


.jw-tile{padding:0;gap:0;cursor:default}
.jw-tbtn{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:10px 6px 10px 12px;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:10px}
.jw-wa{display:grid;place-items:center;width:30px;height:30px;margin-right:8px;flex:none;border-radius:var(--r-pill);color:#1a8f4c;background:rgba(31,138,76,.10)}
.jw-wa:hover{background:rgba(31,138,76,.18)}
.jw-cb{width:18px;height:18px;flex:none;display:grid;place-items:center;padding:0;border:1.5px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--accent-on);cursor:pointer}
.jw-cb.on{background:var(--accent);border-color:var(--accent)}
.jw-row.is-sel{background:var(--accent-soft)}
.jw-grid--edit .jw-row .jw-oc{gap:9px}
.jw-grp{margin-left:auto;padding:4px 8px;border:0;background:transparent;color:var(--accent-text);font:500 12.5px/1 var(--font);cursor:pointer;border-radius:6px}
.jw-grp:hover{background:var(--accent-soft)}
.jw-pill.is-staged{box-shadow:0 0 0 2px var(--accent)}
.jw-pill.is-open{box-shadow:0 0 0 2px var(--accent),0 4px 12px -4px rgba(27,26,24,.3)}
.jw-ur{width:32px;height:32px}
.jw-bulk{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:9px 12px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft)}
.jw-bulk b{font:600 13px/1.2 var(--font);color:var(--accent-text);margin-right:6px}
.jw-bk-l{font:500 12px/1 var(--font);color:var(--text-3);margin:0 2px 0 8px}
.jw-sc,.jw-bt{height:28px;padding:0 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);font:500 12.5px/1 var(--font);color:var(--text-2);cursor:pointer}
.jw-sc.on{border-color:var(--accent);color:var(--accent-text);box-shadow:0 0 0 1px var(--accent)}
.jw-bt{border-color:transparent;font-weight:600}
.jw-bt:disabled{opacity:.5;cursor:default}
.jw-bt--back{background:var(--surface);border-color:var(--border);color:var(--text-2)}
.jw-bk-x{margin-left:auto;padding:4px 8px;border:0;background:transparent;color:var(--text-2);font:500 12.5px/1 var(--font);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.jwpop{position:fixed;z-index:90;width:264px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-2);animation:ht-pop var(--dur-micro) var(--ease)}
.jwpop-h{display:flex;flex-direction:column;gap:3px;padding:6px 8px 8px;border-bottom:1px solid var(--hair);margin-bottom:4px}
.jwpop-h b{font:600 13px/1.3 var(--font);color:var(--text)}
.jwpop-h span{font:400 11.5px/1.4 var(--font);color:var(--text-3)}
.jwpop-o{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:transparent;text-align:left;font:inherit;cursor:pointer}
.jwpop-o:hover{background:var(--surface-2)}
.jwpop-o.on{background:var(--accent-soft)}
.jwpop-n{flex:1;min-width:0;font:500 13px/1.3 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jwpop-m{font:400 11.5px/1 var(--font);color:var(--text-3);white-space:nowrap}
.jwpop-c{color:var(--accent-text);display:grid}
.jwpop-a{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px;padding:8px;border:0;border-top:1px solid var(--hair);border-radius:0 0 8px 8px;background:transparent;color:var(--accent-text);font:500 12.5px/1.35 var(--font);text-align:left;cursor:pointer}
.jwpop-a:hover{background:var(--surface-2)}
.jw-tiles{grid-template-columns:repeat(auto-fill,minmax(236px,1fr))}
.ht-hintpop.ht-hintpop--warn .ic{color:var(--prog)}
.aclu-lock{display:inline-grid;place-items:center;width:30px;height:30px;color:var(--text-3)}
 
.jtm-day{display:flex;align-items:center;gap:10px;margin:4px 0 10px}
.jtm-day>div{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.jtm-day b{font:600 15px/1.3 var(--font);color:var(--text)}
.jtm-day span{font:400 12.5px/1.3 var(--font);color:var(--text-3)}
.jtm-today{height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font:500 12.5px/1 var(--font);flex:none}
.jtm-strip{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px 2px 8px;margin:0 -2px 6px;scrollbar-width:none}
.jtm-strip::-webkit-scrollbar{display:none}
.jtm-d{flex:0 0 calc((100% - 36px) / 7);min-width:44px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}
.jtm-d i{font:400 11px/1 var(--font);font-style:normal;color:var(--text-3)}
.jtm-d b{font:600 16px/1.1 var(--font);font-variant-numeric:tabular-nums}
.jtm-d em{width:5px;height:5px;border-radius:50%;background:transparent}
.jtm-d.is-past{color:var(--text-3);background:var(--surface-2)}
.jtm-d.is-today em{background:var(--accent)}
.jtm-d.on{background:var(--text);border-color:var(--text);color:var(--surface)}
.jtm-d.on i{color:var(--surface);opacity:.8}
.jtm-d.on.is-today em{background:var(--surface)}
.jtm-mo{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:0 10px;border:1px dashed var(--border);border-radius:12px;background:transparent;color:var(--text-2);font:500 12px/1 var(--font)}
.jtm-tools{display:flex;align-items:center;gap:8px;min-height:36px;margin-bottom:8px}
.jtm-past{font:400 12.5px/1.35 var(--font);color:var(--text-3)}
.jtm-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft)}
.jtm-bar b{flex:1;font:600 13px/1.2 var(--font);color:var(--accent-text)}
.jtm-move{height:36px}
.jtm-x{border:0;background:transparent;color:var(--text-2);font:500 12.5px/1 var(--font);text-decoration:underline;text-underline-offset:3px;padding:8px 2px}
.jtm-g{border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:12px;overflow:hidden}
.jtm-g--none{border-color:rgba(192,57,43,.3)}
.jtm-g--none .jtm-gh{background:var(--hold-soft)}
.jtm-gh{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;min-height:60px}
.jtm-gt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:6px 0;border:0;background:transparent;text-align:left;font:inherit;color:inherit}
.jtm-gt b{font:600 14px/1.25 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jtm-gt em{font:400 12px/1.2 var(--font);font-style:normal;color:var(--text-3)}
.jtm-chev{width:40px;height:40px;flex:none;display:grid;place-items:center;border:0;background:transparent;color:var(--text-2);transition:transform 160ms var(--ease)}
.jtm-g .jw-wa{margin-right:0}
.jtm-r{display:flex;align-items:center;gap:10px;min-height:50px;padding:6px 12px;border-top:1px solid var(--hair)}
.jtm-r[data-jtmrow]{cursor:pointer}
.jtm-r.is-sel{background:var(--accent-soft)}
.jtm-r.is-staged .jtm-c{color:var(--accent-text)}
.jtm-c{width:40px;flex:none;font:600 12.5px/1 var(--font);color:var(--text);letter-spacing:.02em}
.jtm-n{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.jtm-n>span{font:400 13.5px/1.3 var(--font);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jtm-n small{font:400 11.5px/1.3 var(--font);color:var(--prog)}
.jtm-cb{width:24px;height:24px;flex:none;display:grid;place-items:center;padding:0;border:1.5px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--accent-on);position:relative}
.jtm-cb::after{content:"";position:absolute;inset:-10px}
.jtm-cb.on{background:var(--accent);border-color:var(--accent)}
.jtm-opts{display:flex;flex-direction:column;gap:6px}
.jtm-o{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:left;font:inherit;color:var(--text)}
.jtm-o.on{border-color:var(--accent);background:var(--accent-soft)}
.jtm-on{flex:1;font:500 14px/1.3 var(--font)}
.jtm-hist{display:inline-flex;gap:6px;flex:none}
.jtm-hist .icon-btn{width:38px;height:38px}
.jtm-end{height:132px}








.momk{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font:600 0.6875rem/1 var(--font);white-space:nowrap;
  --mk-bg:var(--surface-3);--mk-fg:var(--text-2);background:var(--mk-bg);color:var(--mk-fg)}
.momk--violet{--mk-bg:#E4DAFF;--mk-fg:#3f2a7a}.momk--green{--mk-bg:#CDEFD9;--mk-fg:#155c35}
.momk--orange{--mk-bg:#FFD9B8;--mk-fg:#7a3e0c}.momk--blue{--mk-bg:#D3E6FF;--mk-fg:#12539f}
.momk--pink{--mk-bg:#FFD3DE;--mk-fg:#8a2340}.momk--teal{--mk-bg:#C8ECEA;--mk-fg:#105a55}
.momk--yellow{--mk-bg:#FFF1A8;--mk-fg:#6b5300}
:root[data-theme="dark"] .momk--violet{--mk-bg:rgba(160,135,255,.20);--mk-fg:#cdbfff}
:root[data-theme="dark"] .momk--green{--mk-bg:rgba(60,190,120,.18);--mk-fg:#93e2b4}
:root[data-theme="dark"] .momk--orange{--mk-bg:rgba(255,150,70,.18);--mk-fg:#ffc394}
:root[data-theme="dark"] .momk--blue{--mk-bg:rgba(90,150,255,.18);--mk-fg:#a9cbff}
:root[data-theme="dark"] .momk--pink{--mk-bg:rgba(255,110,150,.18);--mk-fg:#ffb3c7}
:root[data-theme="dark"] .momk--teal{--mk-bg:rgba(60,200,190,.18);--mk-fg:#94e3dc}
:root[data-theme="dark"] .momk--yellow{--mk-bg:rgba(255,220,80,.16);--mk-fg:#f3dd84}
.momo{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--surface-3);color:var(--text-2);
  font:600 0.6875rem/1 var(--font);letter-spacing:.03em;white-space:nowrap}
.momo--om{background:var(--brand-soft);color:var(--brand-ink)}
.mom-codechip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--surface-3);color:var(--text-2);
  font:500 0.6875rem/1 var(--font);font-variant-numeric:tabular-nums}

 
.mom-toolbar .tb-l{gap:8px}
.mom-tbr{gap:8px;flex:none;justify-content:flex-end}
.mom-toolbar .tb-l .searchpill{max-width:340px}
.mom-popwrap{position:relative;flex:none}
.momcount{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-on);font:600 0.6875rem/1 var(--font)}
.mom-active{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:2px 0 12px;font-size:0.75rem}
.mom-achip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 6px 0 9px;border:0;border-radius:var(--r-pill);
  background:var(--accent-soft);color:var(--accent-text);font:500 0.75rem/1 var(--font);cursor:pointer}
.mom-alink{height:24px;padding:0 6px;border:0;background:transparent;color:var(--accent-text);font:500 0.75rem/1 var(--font);cursor:pointer}

 
.mom-popscrim{position:fixed;inset:0;z-index:70}
.mom-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:80;width:280px;max-width:calc(100vw - 32px);padding:12px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);text-align:left;animation:ht-pop var(--dur-micro) var(--ease)}
.mom-pop--sort{width:230px;padding:8px}
.mom-pop--pk{left:0;right:auto;width:260px;padding:8px}
.mom-pop--att{left:0;right:auto;width:280px;padding:6px}
.mom-pop--aud{left:0;right:0;width:auto;max-height:260px;overflow-y:auto;padding:6px}
.mom-poph{margin:0 0 8px;font:600 0.6875rem/1.2 var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.mom-pop--sort .mom-poph{margin:4px 8px 6px}
.mom-poprow{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:6px;background:transparent;color:var(--text);
  font:400 0.8125rem/1.3 var(--font);text-align:left;cursor:pointer}
.mom-poprow:hover,.mom-poprow.hl{background:var(--surface-2)}
.mom-poprow.dis{opacity:.4}
.mom-sortrow.on{color:var(--accent-text);font-weight:600}
.mom-popn{margin-left:auto;color:var(--text-3);font-size:0.75rem;font-variant-numeric:tabular-nums}
.mom-popcode{font-weight:600;letter-spacing:.02em;color:var(--text-2)}
.mom-popsep{margin:12px -12px;border-top:1px solid var(--border)}
.mom-popq{margin-bottom:6px;min-width:0}
.mom-popq input{height:32px}
.mom-popgrid{max-height:188px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 4px;margin:0 -4px}
.mom-popnone{grid-column:1/-1;padding:8px 6px}
.mom-popfoot{display:flex;justify-content:flex-end;margin-top:8px}
.mom-box{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;flex:none;color:transparent}
.mom-box.on{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}
.mom-btnsm{height:30px;padding:0 10px;font-size:0.75rem;gap:6px;white-space:nowrap}

 
.mom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:12px}
.mom-card{display:flex;flex-direction:column;gap:8px;min-height:212px;padding:14px 16px 12px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-md);box-shadow:var(--shadow-card);text-align:left;color:var(--text);font:inherit;cursor:pointer;
  transition:box-shadow var(--dur-micro),border-color var(--dur-micro),transform var(--dur-micro)}
.mom-card:hover{border-color:var(--border-strong);box-shadow:0 2px 4px rgba(27,26,24,.06),0 12px 26px -12px rgba(27,26,24,.26);transform:translateY(-1px)}
.mom-card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mom-card-date{margin-left:auto;font-size:0.75rem;color:var(--text-3);white-space:nowrap}
.mom-card-title{font:600 0.9375rem/1.35 var(--font-display);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mom-card-prev{font-size:0.8125rem;line-height:1.5;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mom-card-foot{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px solid var(--hair);font-size:0.75rem;color:var(--text-3)}
.mom-cnt{display:inline-flex;align-items:center;gap:5px}
.mom-card-code{margin-left:auto;font-size:0.6875rem;font-variant-numeric:tabular-nums}

 
.mom-fuhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.mom-seg{max-width:100%;overflow-x:auto}
.mom-segn{font-size:0.6875rem;color:var(--text-3);font-variant-numeric:tabular-nums}
.mom-groups{display:flex;flex-direction:column;gap:22px}
 
.mom-group-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:0.75rem;width:100%;padding:0;border:0;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer;min-height:36px}
.mom-group-chev{margin-left:auto;display:inline-flex;color:var(--text-3)}
.mom-group--shut .mom-group-h{margin-bottom:0}
.mom-groups .mom-group--shut + .mom-group--shut{margin-top:-10px}
.mom-fuall{flex:none;white-space:nowrap}
.mom-group-name{font:600 0.9375rem/1.3 var(--font-display)}
.mom-kcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-bottom:10px}
.mom-kcard-h{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:0.75rem}
.mom-point{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;flex-wrap:wrap;border-top:1px solid var(--hair)}
.mom-kcard-h + .mom-point,.mom-plist .mom-point:first-child{border-top:0}
.mom-pn{width:18px;flex:none;font-size:0.75rem;color:var(--text-3);font-variant-numeric:tabular-nums;padding-top:2px}
.mom-pbody{flex:1 1 240px;min-width:0}
.mom-ptext{font-size:0.84375rem;line-height:1.45}


.mom-psrc{margin-top:3px;padding:0;border:0;background:transparent;color:var(--text-3);font:400 0.6875rem/1.3 var(--font);cursor:pointer;
  text-align:left;display:inline-flex;align-items:center;gap:4px}
.mom-psrc:hover{color:var(--accent-text);text-decoration:underline}
 
.mom-groups--rail{padding-right:28px}
.mom-rail{position:fixed;z-index:20;width:24px;display:flex;touch-action:none;cursor:pointer;user-select:none}
.mom-raildots{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.mom-raildot{display:block;flex:none;width:6px;height:6px;padding:0;border:0;border-radius:6px;background:var(--border-strong);cursor:pointer;
  transition:background-color .18s ease}    
.mom-rail:hover .mom-raildot{background:var(--text-3)}
.mom-rail .mom-raildot.on{height:18px;background:var(--accent)}
.mom-raildot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}


.mom-railpop{position:absolute;right:30px;top:50%;padding:5px 10px;border-radius:var(--r-md);
  background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--surface);
  border:1px solid color-mix(in srgb,var(--accent) 35%,var(--surface));box-shadow:var(--shadow-2);color:var(--accent-text);font:600 0.75rem/1.2 var(--font);
  font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(6px,-50%);
  transition:opacity .18s ease,transform .18s ease}
.mom-rail.live .mom-railpop,.mom-rail:hover .mom-railpop{opacity:1;transform:translate(0,-50%)}
@media (prefers-reduced-motion:reduce){.mom-raildot,.mom-railpop{transition:none}}
.mom-pact{flex:none;display:flex;align-items:center;gap:8px;margin-left:auto}
.mom-ptask{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;cursor:pointer;font:inherit;font-size:0.6875rem}

 
.mom-back{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 4px;margin:-4px 0 10px -4px;border:0;border-radius:var(--r-ctl);
  background:transparent;color:var(--text-2);font:400 0.8125rem/1 var(--font);cursor:pointer}
.mom-back:hover{background:var(--surface-3);color:var(--text)}
.mom-dhead{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.mom-dchips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.mom-dmeta{margin-top:8px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:0.8125rem;color:var(--text-2)}
.mom-dmeta span{display:inline-flex;align-items:center;gap:6px}
.mom-dbtns{display:flex;gap:8px;flex:none;flex-wrap:wrap}
.mom-cols{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.mom-main{flex:999 1 420px;min-width:0;padding:18px 20px 20px;display:flex;flex-direction:column;gap:20px}
.mom-side{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:12px}
.mom-sidecard{display:flex;flex-direction:column;gap:6px}
.mom-lbl{font:600 0.6875rem/1.2 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}
.mom-chips{display:flex;flex-wrap:wrap;gap:6px}
.mom-pchip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text);font-size:0.78125rem}
.mom-pchip.reg{background:var(--accent-soft);color:var(--accent-text)}
.mom-notes{font-size:0.875rem;line-height:1.6;color:var(--text);overflow-wrap:anywhere}
.mom-notes p{margin:0 0 6px}.mom-notes ul,.mom-notes ol{margin:0 0 6px;padding-left:22px}


.mom-notes span[style*="background"]{color:#1b1a18;border-radius:2px}
.mom-plist{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.mom-plist .mom-point{padding:10px 12px;align-items:center}
.mom-file{display:flex;align-items:center;gap:8px;font-size:0.8125rem;min-width:0;color:var(--accent-text);text-decoration:none}
.mom-file .mom-fname{text-decoration:underline;text-underline-offset:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;color:var(--accent-text)}
.mom-ext{flex:none;height:18px;padding:0 5px;border-radius:4px;background:var(--surface-3);color:var(--text-2);font:700 0.59375rem/18px var(--font);letter-spacing:.04em}
 
.mom-ext--link{display:inline-flex;align-items:center;justify-content:center;min-width:28px}
.mom-ext--link .ic{width:11px;height:11px}
.mom-linkin{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface)}
.mom-linkin:focus-within{border-color:var(--accent)}
.mom-linkin .si{display:inline-flex;color:var(--text-3)}
.mom-linkin input{flex:1;min-width:0;height:30px;border:0;background:transparent;font:inherit;font-size:0.8125rem;color:var(--text);outline:none}


.mom-point--done .mom-ptext{text-decoration:line-through;text-decoration-thickness:1px;color:var(--text-3)}
.mom-done{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--done-soft);color:var(--done);font-size:0.6875rem;font-weight:600}
.mom-undo{padding:0;border:0;background:transparent;font:inherit;font-size:0.6875rem;color:var(--accent-text);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.mom-thumbs{display:grid;grid-template-columns:repeat(auto-fill,72px);gap:8px}
.mom-thumb{display:grid;place-items:center;width:72px;height:72px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2) center/cover no-repeat;color:var(--text-3)}
.mom-aud{font-size:0.8125rem}
.mom-hist{display:flex;gap:10px;font-size:0.8125rem;margin-bottom:8px}
.mom-hist b{font-weight:600}
.mom-histdot{width:7px;height:7px;border-radius:var(--r-pill);background:var(--border-strong);margin-top:7px;flex:none}

 
.mom-edbar{position:sticky;top:-16px;z-index:20;margin:-16px -16px 16px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mom-edttl{min-width:0;font:600 1.0625rem/1.25 var(--font-display)}
.mom-paper{max-width:820px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 28px 28px}
.mom-edtop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.mom-pk{position:relative;flex:none}
.mom-pk.open{z-index:82}
.mom-pkbtn{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:30px;padding:3px 6px 3px 8px;border:1px solid var(--border-strong);border-radius:var(--r-ctl);
  background:var(--surface);color:var(--text);font:inherit;cursor:pointer;text-align:left}
.mom-pk.open .mom-pkbtn{border-color:var(--accent)}
.mom-selchip{display:inline-flex;align-items:center;gap:2px;padding-right:3px}
.mom-selx{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;cursor:pointer}
.mom-pkhint{display:flex;justify-content:space-between;padding:8px 8px 4px;font-size:0.6875rem;color:var(--text-3)}
.mom-pklist{max-height:220px;overflow-y:auto;display:flex;flex-direction:column}
.mom-pksub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.75rem}
.mom-pknote{margin-top:6px;padding:8px;border-radius:8px;background:var(--surface-2);font-size:0.71875rem;color:var(--text-2)}
.mom-audsel{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--text-2)}
.mom-audsel select{height:26px;padding:0 4px;border:0;background:transparent;color:var(--accent-text);font:500 0.75rem/1 var(--font);cursor:pointer}
.mom-audhint{margin:0 0 8px auto;max-width:420px;text-align:right;font-size:0.71875rem;line-height:1.45;color:var(--text-3)}
.mom-audnote{color:var(--prog)}
.mom-audpk{position:relative;z-index:81;margin:0 0 8px auto;max-width:420px}
.mom-audbox{min-height:37px;padding:4px 6px 4px 10px;border:1px solid var(--border-strong);border-radius:var(--r-ctl);background:var(--surface);
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--text-3)}
.mom-audbox input{flex:1 1 120px;min-width:100px;height:28px;padding:0 4px;border:0;outline:none;background:transparent;font:inherit;font-size:0.8125rem;color:var(--text)}
.mom-audchip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 4px 0 10px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-text);font:500 0.78125rem/1 var(--font)}
.mom-chipx{width:18px;height:18px;border:0;border-radius:var(--r-pill);background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;opacity:.75;flex:none}
.mom-chipx:hover{opacity:1}
.mom-idline{font-size:0.71875rem;margin-top:4px}
.mom-title{width:100%;margin:8px 0 14px;padding:0;border:0;outline:none;background:transparent;color:var(--text);font:700 1.625rem/1.25 var(--font-display);letter-spacing:-.02em}
.mom-fgrid{display:grid;grid-template-columns:92px minmax(0,1fr);border-top:1px solid var(--hair)}
.mom-flbl{padding:10px 0;font-size:0.75rem;color:var(--text-3);border-bottom:1px solid var(--hair)}
.mom-fval{padding:5px 0;border-bottom:1px solid var(--hair);min-width:0}
.mom-fdt{display:flex;gap:8px;flex-wrap:wrap}
.mom-fin{height:30px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:var(--surface-2);font:inherit;font-size:0.8125rem;color:var(--text);outline:none}
.mom-fin:focus{border-color:var(--accent)}
.mom-fin--wide{width:100%;background:transparent}
.mom-fin--wide:focus{background:var(--surface-2)}
.mom-att{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mom-av{width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--accent-text);display:grid;place-items:center;font:700 0.625rem/1 var(--font);flex:none}
.mom-av--lg{width:26px;height:26px;background:var(--accent-soft);font-size:0.6875rem}
.mom-av--g{background:var(--surface-3);color:var(--text-2)}
.mom-attin{position:relative;flex:1 1 160px;min-width:120px}
.mom-attin.open,.mom-attin:focus-within{z-index:83}
.mom-attin input{width:100%;height:30px;padding:0 6px;border:0;background:transparent;font:inherit;font-size:0.8125rem;color:var(--text);outline:none}
.mom-attname{display:flex;flex-direction:column;min-width:0}
.mom-attname .mut3{font-size:0.71875rem}
.mom-attguest{border-top:1px solid var(--hair);margin-top:4px;border-radius:0 0 6px 6px}
.mom-edh{margin-top:22px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mom-edh h3{font:600 0.9375rem/1.3 var(--font-display)}
.mom-edh .mut3{font-size:0.71875rem}
.mom-notesbox{position:relative;margin-top:8px}
.mom-notes-ed{min-height:160px;padding:8px 0;outline:none}
.mom-notes-ed[data-empty="1"]::before{content:attr(data-ph);color:var(--text-3);pointer-events:none;position:absolute}
.mom-media{margin-top:8px;padding-top:12px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:10px}
.mom-media .mom-file{color:var(--text)}
.mom-media .mom-fname{flex:0 1 auto}
.mom-thumbwrap{position:relative;width:72px;height:72px}
.mom-thumbx{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);
  color:var(--text-2);display:grid;place-items:center;cursor:pointer}
.mom-wn{margin-top:8px;display:flex;flex-direction:column;gap:4px}
.mom-wnrow{display:flex;align-items:center;gap:8px}
.mom-wnrow .mom-pn{text-align:right;padding-top:0}
.mom-wnin{flex:1;min-width:0;height:34px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:transparent;font:inherit;font-size:0.875rem;color:var(--text);outline:none}
.mom-wnin:focus{border-color:var(--accent);background:var(--surface-2)}
.mom-wncode{flex:none;font-size:0.6875rem}
.mom-addpt{align-self:flex-start;margin:4px 0 0 22px;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:var(--r-ctl);
  background:transparent;color:var(--accent-text);font:500 0.8125rem/1 var(--font);cursor:pointer}
.mom-addpt:hover{background:var(--accent-soft)}
.mom-tools{position:sticky;bottom:16px;z-index:15;display:flex;justify-content:center;margin-top:16px;pointer-events:none}
.mom-toolpill{position:relative;pointer-events:auto;display:flex;align-items:center;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-pill);box-shadow:var(--shadow-2)}
.mom-tool{position:relative;height:40px;min-width:40px;padding:0 10px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text);
  display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.mom-tool:hover{background:var(--surface-3)}
.mom-toolc{font-size:0.6875rem;color:var(--text-3);font-variant-numeric:tabular-nums}
.mom-hlwrap{position:relative}
.mom-hlbar{position:absolute;left:12px;right:12px;bottom:8px;height:2px;border-radius:2px;background:#E8C547}
.mom-hlpop{position:absolute;bottom:calc(100% + 8px);left:0;width:212px;padding:10px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);box-shadow:var(--shadow-2)}
.mom-hlpop[hidden]{display:none}
.mom-hlgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mom-hlc{width:100%;aspect-ratio:1;border:1px solid rgba(27,26,24,.10);border-radius:var(--r-pill);cursor:pointer}
.mom-hlc:hover{transform:scale(1.08)}
.mom-hlclear{margin-top:8px;width:100%;height:28px;border:0;border-radius:6px;background:var(--surface-2);color:var(--text-2);font:400 0.75rem/1 var(--font);cursor:pointer}

 
.mom-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.mom-tgrid label{display:flex;flex-direction:column;gap:6px}
.mom-tfull{grid-column:1/-1}
.mom-tlink{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:var(--surface-2);font-size:0.75rem;color:var(--text-2)}

 


.phone-mode .mom-toolbar{flex-wrap:nowrap}
.phone-mode .mom-tbr{gap:4px}
.phone-mode .mom-pop:not(.mom-pop--pk):not(.mom-pop--att):not(.mom-pop--aud){position:fixed;left:10px;right:10px;top:auto;bottom:calc(var(--navspace,81px) + 10px);
  width:auto;max-width:none;max-height:70vh;overflow-y:auto}
.phone-mode .mom-popscrim{background:rgba(0,0,0,.25)}



.phone-mode .mom-grid{grid-template-columns:minmax(0,1fr)}
.mom-card{min-width:0}
.phone-mode .mom-point{flex-wrap:nowrap;gap:10px;padding:10px 12px}
.phone-mode .mom-pbody{flex:1 1 0}
.phone-mode .mom-pact{gap:4px}
.mom-pbtn{width:36px;height:36px;min-width:36px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface)}
.mom-doneby{font-size:0.6875rem;margin-top:2px}
.mom-ptask--under{margin-top:6px}
.mom-trash{color:var(--text-2)}
.mom-trash:hover{color:var(--hold)}
.phone-mode .mom-seg button{white-space:nowrap}
.phone-mode .mom-card{min-height:0}
.phone-mode .mom-paper{padding:18px 16px 20px;border-radius:var(--r-md)}
.phone-mode .mom-fgrid{grid-template-columns:72px minmax(0,1fr)}
.phone-mode .mom-audsel{margin-left:0;width:100%}
.phone-mode .mom-audhint,.phone-mode .mom-audpk{margin-left:0;text-align:left;max-width:none}
.phone-mode .mom-title{font-size:1.375rem}
.phone-mode .mom-tools{bottom:12px}
.phone-mode .mom-edbar .ht-btn--secondary{display:none}
 
.mom-dhead > .grow,.mom-edbar > .grow,.mom-poprow .grow{flex:1 1 auto;min-width:0}
.mom-dhead > .grow{flex-basis:320px}

/* build-site.sh: the brand logo, defined only because both files are
   in the repository. The stylesheet reads them as tokens. */
:root{--logo-light:url("/ht-logo-red.jpeg");--logo-dark:url("/ht-logo-creme.jpeg")}