.table-scroll{ width:100%; overflow-x:auto; }
    table{ width:auto; table-layout:fixed; border-collapse:collapse; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.03); --treatment-button-scale:1; --timer-font-scale:1; }
    thead{ background:#002f6c; color:#fff; }
    th,td{ border:1px solid #ececec; padding:12px 10px; text-align:center; font-size:18px; }
    thead th{
      font-size:calc(30px * var(--header-font-scale, 1));
      font-weight:900;
    }

    th[data-system-column], td[data-system-column]{
      --system-col-scale:1;
    }
    th[data-system-column="patient"]{ text-align:center; }
    td[data-system-column="patient"]{ text-align:left; }
    td[data-system-column]{ container-type:inline-size; }
    th[data-column-id], td[data-column-id]{
      --col-scale:1;
    }
    td[data-column-id]{ container-type:inline-size; }
    tbody > tr{
      height:var(--board-cell-height, 150px);
      min-height:var(--board-cell-height, 150px);
      box-sizing:border-box;
    }
    tbody > tr > td{
      height:var(--board-cell-height, 150px);
      min-height:var(--board-cell-height, 150px);
      box-sizing:border-box;
    }

    .name-cell{
      font-size:clamp(26px, calc(44px * var(--system-col-scale, 1) * var(--board-font-scale, 1)), calc(44px * var(--board-font-scale, 1)));
      font-weight:800; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    }
    .name-cell-content{
      display:flex;
      align-items:center;
      gap:.4em;
      width:100%;
      max-width:100%;
      min-width:0;
      overflow:hidden;
    }
    .patient-name{
      flex:0 1 auto;
      max-width:100%;
      overflow:hidden;
      text-overflow:ellipsis;
      vertical-align:bottom;
    }
    .name-separator{
      display:none;
    }
    .bed-label{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      box-sizing:border-box;
      min-width:2.2em;
      height:1.24em;
      padding:0 .32em;
      border:0.08em solid #aab6c3;
      border-radius:.34em;
      background:#eef2f6;
      color:#1f2933;
      font-size:1em;
      font-weight:900;
      font-variant-numeric:tabular-nums;
      line-height:1;
      white-space:nowrap;
    }
    .patient-name{
      flex:1 1 0;
      width:auto;
      min-width:0;
      max-width:none;
      border:none;
      outline:none;
      background:transparent;
      font:inherit;
      font-weight:inherit;
      color:inherit;
      padding:0;
    }
    .doctor-select{
      width:100%;
      box-sizing:border-box;
      padding:calc(8px + 4px * var(--system-col-scale, 1)) calc(10px + 4px * var(--system-col-scale, 1));
      font-size:clamp(28px, calc(50px * var(--system-col-scale, 1) * var(--doctor-column-font-scale, var(--board-font-scale, 1))), calc(50px * var(--doctor-column-font-scale, var(--board-font-scale, 1))));
      font-weight:900;
      border-radius:10px;
    }
    .resizable-header{ position:relative; }
    .column-resize-handle{
      display:none;
      position:absolute;
      top:0;
      right:-7px;
      bottom:0;
      width:14px;
      cursor:col-resize;
      z-index:5;
      touch-action:none;
      pointer-events:none;
    }
    .column-resize-handle::after{
      content:"";
      position:absolute;
      top:18%;
      bottom:18%;
      left:5px;
      width:3px;
      border-radius:999px;
      background:rgba(255,255,255,0.75);
    }
    body.board-resize-enabled .column-resize-handle{ display:block; pointer-events:auto; }
    body.board-resizing{
      cursor:col-resize;
      user-select:none;
    }

    .status-box{
      box-sizing:border-box;
      width:100%;
      max-width:100%;
      container-type:inline-size;
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      grid-template-areas:"timer controls";
      align-items:center;
      align-content:center;
      justify-content:center;
      column-gap:5px;
      row-gap:5px;
      min-height:max(var(--board-cell-content-height, 134px), clamp(126px, 56cqw, 156px));
      padding:clamp(5px, 2cqw, 10px);
      border-radius:clamp(10px, 5cqw, 16px);
      background:#ffffff;
      overflow:hidden;
    }
    .therapy-cell.treatment-disabled,
    .chuna-cell.treatment-disabled{
      position:relative;
      background:inherit;
      color:#9aa6b2;
      cursor:default;
    }
    .treatment-disabled .status-box,
    .treatment-disabled .chuna-box{
      visibility:hidden;
      pointer-events:none;
    }
    .unavailable-marker{
      display:none;
      position:absolute;
      inset:0;
      align-items:center;
      justify-content:center;
      font-size:calc(44px * var(--board-font-scale, 1));
      line-height:1;
      font-weight:900;
      color:#8a96a3;
      pointer-events:none;
    }
    .treatment-disabled .unavailable-marker{
      display:flex;
    }
    .left-col{ display:flex; align-items:center; gap:clamp(5px, 3cqw, 14px); min-width:0; max-width:100%; }
    .status-box > .left-col{ grid-area:timer; justify-content:center; width:auto; height:100%; }
    .time-text{
      font-weight:900; color:#D9534F;
      font-size:clamp(30px, calc(16cqw * var(--timer-font-scale, 1)), calc(56px * var(--timer-font-scale, 1)));
      min-width:0;
      max-width:100%;
      overflow:hidden;
      text-overflow:clip;
      text-align:center;
      letter-spacing:0;
      white-space:nowrap;
      width:auto;
    }
    .right-col{
      display:flex;
      flex-direction:row;
      gap:clamp(calc(4px * var(--treatment-button-scale, 1)), calc(1.6cqw * var(--treatment-button-scale, 1)), calc(6px * var(--treatment-button-scale, 1)));
      align-items:center;
      justify-content:center;
      min-width:0;
      max-width:100%;
      width:auto;
    }
    .status-box > .right-col{ grid-area:controls; align-self:center; justify-self:start; }

    .pill{ display:inline-flex; align-items:center; justify-content:center; padding:clamp(5px, 2.8cqw, 12px) clamp(8px, 4cqw, 20px); border-radius:999px; font-size:clamp(15px, calc(8.5cqw * var(--board-font-scale, 1)), calc(24px * var(--board-font-scale, 1))); line-height:1.05; font-weight:900; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; text-align:center; }
    .pill-wait{ background:#fff; border:3px solid #ddd; color:#444; }
    .pill-run{ background:var(--yellow); color:#222; }
    .pill-done{ background:#ffb6b6; color:#681212; }

    .timer-state-btn{
      box-sizing:border-box;
      display:flex;
      align-items:center;
      justify-content:center;
      border:3px solid transparent; border-radius:clamp(calc(10px * var(--treatment-button-scale, 1)), calc(5cqw * var(--treatment-button-scale, 1)), calc(20px * var(--treatment-button-scale, 1)));
      padding:clamp(calc(6px * var(--treatment-button-scale, 1)), calc(2.6cqw * var(--treatment-button-scale, 1)), calc(14px * var(--treatment-button-scale, 1))) clamp(calc(12px * var(--treatment-button-scale, 1)), calc(5.4cqw * var(--treatment-button-scale, 1)), calc(32px * var(--treatment-button-scale, 1)));
      font-size:clamp(calc(14px * var(--treatment-button-scale, 1)), calc(8cqw * var(--treatment-button-scale, 1)), calc(30px * var(--treatment-button-scale, 1)));
      font-weight:900;
      cursor:pointer;
      flex:0 0 auto;
      width:auto;
      max-width:100%;
      min-width:clamp(calc(48px * var(--treatment-button-scale, 1)), calc(20cqw * var(--treatment-button-scale, 1)), calc(78px * var(--treatment-button-scale, 1)));
      height:clamp(calc(38px * var(--treatment-button-scale, 1)), calc(14cqw * var(--treatment-button-scale, 1)), calc(58px * var(--treatment-button-scale, 1)));
      line-height:1;
      text-align:center;
      white-space:nowrap;
      word-break:keep-all;
      writing-mode:horizontal-tb;
      overflow:hidden;
      margin-left:0;
    }
    .timer-state-wait{ background:#fff; border-color:#bdbdbd; color:#111; }
    .timer-state-run{ background:#0d6efd; color:#fff; }
    .timer-state-stop{ background:#ffc107; color:#111; }
    .timer-state-done{ background:#dc3545; color:#fff; }

    .adjust-box{ display:flex; flex:0 0 auto; flex-direction:row; gap:clamp(calc(5px * var(--treatment-button-scale, 1)), calc(1.7cqw * var(--treatment-button-scale, 1)), calc(8px * var(--treatment-button-scale, 1))); justify-content:center; align-items:center; min-width:0; max-width:100%; white-space:nowrap; }
    .btn-adjust,
    .btn-reset-timer{ box-sizing:border-box; display:flex; align-items:center; justify-content:center; background:#fff; border:3px solid #bdbdbd; border-radius:clamp(calc(9px * var(--treatment-button-scale, 1)), calc(4cqw * var(--treatment-button-scale, 1)), calc(16px * var(--treatment-button-scale, 1))); flex:0 0 auto; max-width:100%; min-width:0; padding:clamp(calc(6px * var(--treatment-button-scale, 1)), calc(1.8cqw * var(--treatment-button-scale, 1)), calc(10px * var(--treatment-button-scale, 1))) clamp(calc(9px * var(--treatment-button-scale, 1)), calc(3.2cqw * var(--treatment-button-scale, 1)), calc(16px * var(--treatment-button-scale, 1))); height:clamp(calc(34px * var(--treatment-button-scale, 1)), calc(11cqw * var(--treatment-button-scale, 1)), calc(46px * var(--treatment-button-scale, 1))); cursor:pointer; font-weight:900; line-height:1; text-align:center; white-space:nowrap; overflow:hidden; }
    .btn-adjust{ width:clamp(calc(40px * var(--treatment-button-scale, 1)), calc(14cqw * var(--treatment-button-scale, 1)), calc(52px * var(--treatment-button-scale, 1))); font-size:clamp(calc(18px * var(--treatment-button-scale, 1)), calc(7.5cqw * var(--treatment-button-scale, 1)), calc(24px * var(--treatment-button-scale, 1))); }
    .btn-reset-timer{ min-width:clamp(calc(48px * var(--treatment-button-scale, 1)), calc(18cqw * var(--treatment-button-scale, 1)), calc(66px * var(--treatment-button-scale, 1))); font-size:clamp(calc(14px * var(--treatment-button-scale, 1)), calc(6.6cqw * var(--treatment-button-scale, 1)), calc(22px * var(--treatment-button-scale, 1))); border-color:#86b7d8; color:#075985; background:#f0f9ff; }

    @container (max-width: 300px){
      .status-box{
        grid-template-columns:minmax(0, 1fr) auto;
        grid-template-areas:"timer controls";
        padding:clamp(7px, 3cqw, 10px);
        min-height:max(var(--board-cell-content-height, 134px), clamp(150px, 72cqw, 184px));
      }
      .time-text{
        min-width:auto;
        font-size:clamp(24px, calc(13cqw * var(--timer-font-scale, 1)), calc(34px * var(--timer-font-scale, 1)));
      }
      .right-col{
        width:auto;
        gap:clamp(calc(4px * var(--treatment-button-scale, 1)), calc(2cqw * var(--treatment-button-scale, 1)), calc(8px * var(--treatment-button-scale, 1)));
      }
      .timer-state-btn{ min-width:clamp(34px, 17cqw, 54px); height:clamp(calc(32px * var(--treatment-button-scale, 1)), calc(12cqw * var(--treatment-button-scale, 1)), calc(42px * var(--treatment-button-scale, 1))); padding-left:clamp(4px, 2cqw, 8px); padding-right:clamp(4px, 2cqw, 8px); font-size:clamp(calc(13px * var(--treatment-button-scale, 1)), calc(6cqw * var(--treatment-button-scale, 1)), calc(18px * var(--treatment-button-scale, 1))); }
      .adjust-box{ gap:clamp(calc(3px * var(--treatment-button-scale, 1)), calc(1.4cqw * var(--treatment-button-scale, 1)), calc(5px * var(--treatment-button-scale, 1))); }
      .btn-adjust{ width:clamp(28px, 13cqw, 40px); height:clamp(calc(30px * var(--treatment-button-scale, 1)), calc(10cqw * var(--treatment-button-scale, 1)), calc(38px * var(--treatment-button-scale, 1))); padding-left:4px; padding-right:4px; font-size:clamp(calc(15px * var(--treatment-button-scale, 1)), calc(6.5cqw * var(--treatment-button-scale, 1)), calc(20px * var(--treatment-button-scale, 1))); }
      .btn-reset-timer{ min-width:clamp(38px, 18cqw, 54px); height:clamp(calc(30px * var(--treatment-button-scale, 1)), calc(10cqw * var(--treatment-button-scale, 1)), calc(38px * var(--treatment-button-scale, 1))); padding-left:4px; padding-right:4px; font-size:clamp(calc(12px * var(--treatment-button-scale, 1)), calc(5.8cqw * var(--treatment-button-scale, 1)), calc(17px * var(--treatment-button-scale, 1))); }
    }

    @container (max-width: 200px){
      .status-box{ min-height:clamp(174px, 94cqw, 198px); padding:5px; column-gap:5px; row-gap:5px; }
      .left-col{
        flex-wrap:wrap;
        gap:4px;
      }
      .right-col{ gap:clamp(calc(3px * var(--treatment-button-scale, 1)), calc(1.8cqw * var(--treatment-button-scale, 1)), calc(5px * var(--treatment-button-scale, 1))); }
      .time-text{ font-size:clamp(20px, calc(12cqw * var(--timer-font-scale, 1)), calc(28px * var(--timer-font-scale, 1))); }
      .pill{ font-size:clamp(14px, calc(8cqw * var(--board-font-scale, 1)), calc(18px * var(--board-font-scale, 1))); padding:6px 9px; }
      .timer-state-btn{ min-width:30px; height:clamp(calc(28px * var(--treatment-button-scale, 1)), calc(15cqw * var(--treatment-button-scale, 1)), calc(32px * var(--treatment-button-scale, 1))); padding-left:3px; padding-right:3px; font-size:clamp(calc(12px * var(--treatment-button-scale, 1)), calc(6cqw * var(--treatment-button-scale, 1)), calc(14px * var(--treatment-button-scale, 1))); }
      .adjust-box{ gap:clamp(calc(2px * var(--treatment-button-scale, 1)), calc(1.2cqw * var(--treatment-button-scale, 1)), calc(4px * var(--treatment-button-scale, 1))); }
      .btn-adjust,
      .btn-reset-timer{ height:clamp(calc(26px * var(--treatment-button-scale, 1)), calc(13cqw * var(--treatment-button-scale, 1)), calc(30px * var(--treatment-button-scale, 1))); padding-left:3px; padding-right:3px; }
      .btn-adjust{ width:24px; font-size:clamp(calc(13px * var(--treatment-button-scale, 1)), calc(6.5cqw * var(--treatment-button-scale, 1)), calc(16px * var(--treatment-button-scale, 1))); }
      .btn-reset-timer{ min-width:34px; font-size:clamp(calc(11px * var(--treatment-button-scale, 1)), calc(5.5cqw * var(--treatment-button-scale, 1)), calc(13px * var(--treatment-button-scale, 1))); }
    }

    @keyframes cellBlink{
      0%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(255,255,255,0.0);
        filter:brightness(1);
      }
      50%{
        transform:scale(1.03);
        box-shadow:0 0 0 14px rgba(255,255,255,0.7);
        filter:brightness(1.15);
      }
      100%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(255,255,255,0.0);
        filter:brightness(1);
      }
    }
    .cell-blink{
      animation:cellBlink 1s ease-in-out infinite;
    }

    .call-sticky{
      position: sticky;
      top: 0;
      z-index: 1000;
      padding:clamp(14px, 1.2vw, 24px) 0 clamp(18px, 1.4vw, 30px);
      margin-bottom:clamp(12px, 1vw, 22px);
      background: rgba(245,247,251,0.96);
      backdrop-filter: blur(3px);
      border-bottom: 1px solid #e8ecf3;
    }
    .call-inline{
      width:100%;
      display:flex;
      flex-wrap:nowrap;
      gap:clamp(14px, calc(18px * var(--call-group-scale, 1)), 42px);
      align-items:center;
      justify-content:center;
      justify-content:safe center;
      overflow-x:auto;
      overflow-y:visible;
      padding:calc(12px * var(--call-group-scale, 1)) clamp(10px, 1vw, 22px) calc(18px * var(--call-group-scale, 1));
      box-sizing:border-box;
    }
    .call-group{
      display:flex; align-items:center; gap:clamp(8px, calc(12px * var(--call-group-scale, 1)), 36px); padding:0; background:transparent; border-radius:0;
      box-shadow:none;
      font-weight:900;
      flex:0 0 auto;
    }
    .call-label{
      margin-right:2px;
      color:#444;
      font-size:calc(24px * var(--call-group-scale, 1));
      font-weight:900;
      white-space:nowrap;
      flex:0 0 auto;
    }
    .call-group[data-call-group-color] .call-label{
      color:var(--call-group-color);
      text-shadow:0 1px 0 rgba(255,255,255,.82);
    }
    .btn-call{
      box-sizing:border-box;
      display:flex;
      align-items:center;
      justify-content:center;
      border:none; border-radius:999px;
      padding:calc(20px * var(--call-group-scale, 1)) calc(30px * var(--call-group-scale, 1));
      font-size:calc(30px * var(--call-group-scale, 1));
      cursor:pointer; background:#f1f3f5; font-weight:900;
      box-shadow:0 3px 8px rgba(0,0,0,0.15);
      line-height:1;
      text-align:center;
      white-space:nowrap;
      min-width:calc(90px * var(--call-group-scale, 1));
      min-height:calc(70px * var(--call-group-scale, 1));
      transition:background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, outline-color 0.2s ease;
    }
    .btn-call.on{ outline:3px solid #ff4d4f; background:#ffe6e6; }
    .call-group[data-call-group-color] .btn-call{
      background:var(--call-group-soft);
      color:#1f2933;
      box-shadow:0 3px 10px var(--call-group-shadow);
      outline:2px solid var(--call-group-color);
      outline-offset:0;
    }
    .call-group[data-call-group-color] .btn-call:hover:not([disabled]){
      background:var(--call-group-hover);
    }
    .call-group[data-call-group-color] .btn-call.on{
      background:var(--call-group-active-bg);
      color:var(--call-group-active-text);
      outline:4px solid var(--call-group-color);
      box-shadow:0 4px 14px var(--call-group-shadow), inset 0 0 0 2px rgba(255,255,255,.42);
    }
    .btn-call[disabled]{ opacity:.45; cursor:not-allowed; }

    .brand-display{
      display:flex;
      align-items:center;
      justify-content:center;
      padding:8px 24px;
      min-width:min(220px, 100%);
      max-width:100%;
      flex:0 0 auto;
    }
    .brand-display-text{
      color:#002f6c;
      font-size:calc(42px * var(--top-title-scale, 1));
      font-weight:1000;
      letter-spacing:0;
      line-height:1;
      white-space:nowrap;
      max-width:100%;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    @keyframes blinkBtn{
      0%{
        background:#ffe6e6;
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(255,77,77,0.7);
      }
      50%{
        background:#ffb3b3;
        transform:scale(1.15);
        box-shadow:0 0 0 16px rgba(255,77,77,0);
      }
      100%{
        background:#ffe6e6;
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(255,77,77,0.7);
      }
    }
    .blink-btn{ animation:blinkBtn .7s ease-in-out infinite; }
    .call-group[data-call-group-color] .blink-btn{
      animation:blinkCallGroup .7s ease-in-out infinite;
    }

    @keyframes blinkCallGroup{
      0%{
        transform:scale(1);
        box-shadow:0 4px 14px var(--call-group-shadow), 0 0 0 0 var(--call-group-shadow);
      }
      50%{
        transform:scale(1.15);
        box-shadow:0 6px 18px var(--call-group-shadow), 0 0 0 16px rgba(255,255,255,0);
      }
      100%{
        transform:scale(1);
        box-shadow:0 4px 14px var(--call-group-shadow), 0 0 0 0 var(--call-group-shadow);
      }
    }

    .listen-group{ display:flex;gap:8px;align-items:center; flex-wrap:wrap; }

    tbody > tr > td { padding:8px; }

    @media (max-width:1100px){
      .call-inline{ gap:clamp(12px, calc(14px * var(--call-group-scale, 1)), 28px); justify-content:flex-start; padding-top:calc(10px * var(--call-group-scale, 1)); padding-bottom:calc(16px * var(--call-group-scale, 1)); }
      .btn-call{ padding:calc(16px * var(--call-group-scale, 1)) calc(22px * var(--call-group-scale, 1)); font-size:calc(24px * var(--call-group-scale, 1)); min-width:calc(70px * var(--call-group-scale, 1)); min-height:calc(56px * var(--call-group-scale, 1)); }
      .brand-display-text{ font-size:calc(32px * var(--top-title-scale, 1)); }
    }

    .btn-call.on{ background:#ffcccc; border-color:#ff0000; }
    .call-group[data-call-group-color] .btn-call.on{ background:var(--call-group-active-bg); }

    .therapy-cell,
    .chuna-cell,
    .reset-cell{
      padding:12px 10px;
    }
    .therapy-cell .status-box{
      min-height:max(calc(var(--board-cell-content-height, 134px) - 24px), clamp(104px, 48cqw, 132px));
      padding:clamp(4px, 1.6cqw, 8px);
    }
    .therapy-cell .time-text{
      font-size:clamp(30px, calc(16cqw * var(--timer-font-scale, 1)), calc(56px * var(--timer-font-scale, 1)));
      min-width:0;
    }

    .chuna-box{
      box-sizing:border-box;
      width:100%;
      max-width:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:max(calc(var(--board-cell-content-height, 134px) - 24px), clamp(104px, 48cqw, 132px));
      padding:clamp(7px, 3cqw, 16px);
      border-radius:clamp(10px, 5cqw, 16px);
      background:#fff;
      gap:clamp(6px, 3cqw, 16px);
      overflow:hidden;
    }
    .ox-group{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:clamp(calc(5px * var(--treatment-button-scale, 1)), calc(2.6cqw * var(--treatment-button-scale, 1)), calc(16px * var(--treatment-button-scale, 1))); align-items:center; min-width:0; max-width:100%; }
    .ox-btn{
      box-sizing:border-box;
      display:flex;
      align-items:center;
      justify-content:center;
      border:3px solid #777; background:#f1f3f5; color:#333; border-radius:calc(16px * var(--treatment-button-scale, 1));
      padding:clamp(calc(7px * var(--treatment-button-scale, 1)), calc(3.2cqw * var(--treatment-button-scale, 1)), calc(18px * var(--treatment-button-scale, 1))) clamp(calc(6px * var(--treatment-button-scale, 1)), calc(3.5cqw * var(--treatment-button-scale, 1)), calc(24px * var(--treatment-button-scale, 1))); font-size:clamp(calc(20px * var(--treatment-button-scale, 1)), calc(10cqw * var(--treatment-button-scale, 1)), calc(32px * var(--treatment-button-scale, 1))); font-weight:900; cursor:pointer;
      min-width:0;
      max-width:100%;
      height:clamp(calc(38px * var(--treatment-button-scale, 1)), calc(20cqw * var(--treatment-button-scale, 1)), calc(72px * var(--treatment-button-scale, 1)));
      line-height:1;
      text-align:center;
      white-space:nowrap;
      word-break:keep-all;
      writing-mode:horizontal-tb;
      overflow:hidden;
    }
    .ox-btn.ox-on{ background:#0d6efd; color:#fff; border-color:#0d6efd; }

    .reset-btn{
      box-sizing:border-box;
      display:flex;
      align-items:center;
      justify-content:center;
      border:3px solid #777; background:#f1f3f5; border-radius:calc(16px * var(--treatment-button-scale, 1));
      padding:clamp(calc(7px * var(--treatment-button-scale, 1)), calc(3.2cqw * var(--treatment-button-scale, 1)), calc(16px * var(--treatment-button-scale, 1))) clamp(calc(6px * var(--treatment-button-scale, 1)), calc(3.5cqw * var(--treatment-button-scale, 1)), calc(22px * var(--treatment-button-scale, 1))); font-size:clamp(calc(15px * var(--treatment-button-scale, 1)), calc(7cqw * var(--treatment-button-scale, 1)), calc(22px * var(--treatment-button-scale, 1))); font-weight:900; cursor:pointer;
      min-width:0;
      max-width:100%;
      height:clamp(calc(38px * var(--treatment-button-scale, 1)), calc(20cqw * var(--treatment-button-scale, 1)), calc(72px * var(--treatment-button-scale, 1)));
      line-height:1;
      text-align:center;
      white-space:nowrap;
      word-break:keep-all;
      writing-mode:horizontal-tb;
      overflow:hidden;
    }
    .reset-btn:active{ transform:translateY(1px); }
    .reset-cell{ container-type:inline-size; }
    .reset-box{
      box-sizing:border-box;
      width:100%;
      max-width:100%;
      min-height:max(calc(var(--board-cell-content-height, 134px) - 24px), clamp(104px, 48cqw, 132px));
      display:flex;
      align-items:center;
      justify-content:center;
      padding:clamp(7px, 3cqw, 14px);
      border-radius:clamp(10px, 5cqw, 16px);
      background:#fff;
      overflow:hidden;
    }
    .reset-box .reset-btn{ width:100%; }

    @container (max-width: 300px){
      .therapy-cell .time-text{ font-size:clamp(28px, calc(14cqw * var(--timer-font-scale, 1)), calc(40px * var(--timer-font-scale, 1))); }
      .therapy-cell .status-box{
        min-height:max(calc(var(--board-cell-content-height, 134px) - 24px), clamp(108px, 50cqw, 130px));
        padding:clamp(4px, 1.8cqw, 8px);
      }
      .chuna-box{
        align-items:stretch;
        justify-content:center;
        min-height:max(calc(var(--board-cell-content-height, 134px) - 24px), clamp(108px, 50cqw, 130px));
      }
      .reset-box{ min-height:max(calc(var(--board-cell-content-height, 134px) - 24px), clamp(108px, 50cqw, 130px)); }
      .chuna-box .left-col{ justify-content:center; }
      .ox-group{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @container (max-width: 200px){
      .therapy-cell .status-box{ min-height:max(calc(var(--board-cell-content-height, 134px) - 20px), clamp(118px, 68cqw, 126px)); padding:5px; column-gap:5px; row-gap:5px; }
      .therapy-cell .time-text{ font-size:clamp(22px, calc(13cqw * var(--timer-font-scale, 1)), calc(24px * var(--timer-font-scale, 1))); }
      .chuna-box{ min-height:max(calc(var(--board-cell-content-height, 134px) - 20px), clamp(118px, 68cqw, 126px)); }
      .reset-box{ min-height:max(calc(var(--board-cell-content-height, 134px) - 20px), clamp(118px, 68cqw, 126px)); }
      .ox-btn{ padding:calc(8px * var(--treatment-button-scale, 1)) calc(7px * var(--treatment-button-scale, 1)); font-size:clamp(calc(18px * var(--treatment-button-scale, 1)), calc(10cqw * var(--treatment-button-scale, 1)), calc(20px * var(--treatment-button-scale, 1))); height:clamp(calc(34px * var(--treatment-button-scale, 1)), calc(18cqw * var(--treatment-button-scale, 1)), calc(40px * var(--treatment-button-scale, 1))); }
      .reset-btn{ padding:calc(8px * var(--treatment-button-scale, 1)) calc(7px * var(--treatment-button-scale, 1)); font-size:clamp(calc(14px * var(--treatment-button-scale, 1)), calc(7cqw * var(--treatment-button-scale, 1)), calc(16px * var(--treatment-button-scale, 1))); height:clamp(calc(34px * var(--treatment-button-scale, 1)), calc(18cqw * var(--treatment-button-scale, 1)), calc(40px * var(--treatment-button-scale, 1))); }
    }

    .timer-state-btn.timer-state-done{
      background:#f6b5b5;
      border-color:#efb3b3;
      color:#7a1c1c;
      min-width:clamp(calc(32px * var(--treatment-button-scale, 1)), calc(8cqw * var(--treatment-button-scale, 1)), calc(40px * var(--treatment-button-scale, 1)));
      height:clamp(calc(22px * var(--treatment-button-scale, 1)), calc(6cqw * var(--treatment-button-scale, 1)), calc(30px * var(--treatment-button-scale, 1)));
      padding:clamp(calc(2px * var(--treatment-button-scale, 1)), calc(1cqw * var(--treatment-button-scale, 1)), calc(6px * var(--treatment-button-scale, 1))) clamp(calc(3px * var(--treatment-button-scale, 1)), calc(2cqw * var(--treatment-button-scale, 1)), calc(10px * var(--treatment-button-scale, 1)));
      font-size:clamp(calc(10px * var(--treatment-button-scale, 1)), calc(3.6cqw * var(--treatment-button-scale, 1)), calc(14px * var(--treatment-button-scale, 1)));
      border-width:2px;
    }

    tr.no-doctor .time-text{ display:none; }
    tr.no-doctor .right-col{ display:none; }

    [hidden]{ display:none !important; }