/* 홈 · 공통 부품 · 거래처 관리 (덮어쓰기 층) — styles.css 에서 잘라 낸 조각. 자른 순서대로 읽힌다 · 순서를 바꾸면 생김새가 바뀐다 */
.workspace-law-view .law-chain-results-panel { position:static !important; max-height:none !important; margin:0; border:0; border-right:1px solid var(--workspace-line); border-radius:0; box-shadow:none; }
.workspace-law-view .law-chain-main { padding:10px; }
.workspace-law-view .law-find-panel { border-radius:5px !important; box-shadow:none; }
.workspace-law-view .law-chain-board { margin-top:8px; border-radius:5px; box-shadow:none; }

@media(max-width:1100px){
  .workspace-tax-view .tax-board-head,.workspace-tax-view .vat-board-head{grid-template-columns:1fr}.workspace-tax-view .tax-toolbar{justify-content:flex-start;flex-wrap:wrap}
  .workspace-form-view .contract-workspace,.workspace-form-view .binding-workspace{grid-template-columns:1fr}.workspace-form-view .contract-preview-panel,.workspace-form-view .binding-preview-panel{position:static;max-height:none}
  .workspace-calculator-view.active{grid-template-columns:1fr}.workspace-calculator-view.payroll-view>article:nth-of-type(2),.workspace-calculator-view.payroll-view>article:nth-of-type(3),.workspace-calculator-view .payroll-client-panel{grid-column:1;grid-row:auto}
  .workspace-tool-view .pdf-tool-panel.active[data-panel="edit"]{grid-template-columns:1fr}.workspace-tool-view .pdf-tool-panel[data-panel="edit"]>.subpanel{border-right:0;border-bottom:1px solid var(--workspace-line)}
}
@media(max-width:720px){.workflow-stagebar{grid-template-columns:1fr}.workflow-stagebar>div{border-right:0;border-bottom:1px solid #e7ecef}.workspace-tax-view .tab-summary-grid{grid-template-columns:1fr 1fr}.workspace-law-view .law-explorer-layout{grid-template-columns:1fr}.workspace-law-view .law-chain-results-panel{border-right:0;border-bottom:1px solid var(--workspace-line)}}

/* Dashboard — match the approved original desktop mockup proportions */
@media (min-width:1500px) {
  #view-home { gap:14px; }
  #view-home .home-kpi-grid { gap:14px; }
  #view-home .home-kpi-card {
    min-height:142px;
    padding:20px 22px;
    gap:18px;
    border-color:#dce4ea;
    border-radius:8px;
    box-shadow:0 2px 9px rgba(16,36,62,.04);
  }
  #view-home .home-kpi-card::after { display:none; }
  #view-home .home-kpi-icon {
    flex-basis:62px;
    width:62px;
    height:62px;
    font-size:27px;
  }
  #view-home .home-kpi-card p { font-size:14px; }
  #view-home .home-kpi-card strong { font-size:39px; }
  #view-home .home-kpi-card strong small { font-size:13px; }
  #view-home .home-kpi-card > div:last-child > span { font-size:11px; }

  #view-home .home-dashboard-body {
    grid-template-columns:minmax(0,1fr) 330px;
    gap:14px;
  }
  #view-home .home-dashboard-main { gap:14px; }
  #view-home .home-dashboard-grid {
    grid-template-columns:420px minmax(0,1fr);
    gap:14px;
  }
  #view-home .home-dashboard-grid > .panel { min-height:455px; }
  #view-home .home-dashboard-grid .panel,
  #view-home .home-workflow-panel,
  #view-home .home-activity-panel,
  #view-home .home-dashboard-rail .panel {
    border-color:#dce4ea;
    border-radius:8px;
    box-shadow:0 2px 9px rgba(16,36,62,.04);
  }
  #view-home .home-dashboard-grid .panel-head,
  #view-home .home-activity-panel .panel-head {
    min-height:54px;
    padding:12px 16px;
  }
  #view-home .home-dashboard-grid .panel-head h3,
  #view-home .home-activity-panel .panel-head h3 { font-size:16px; }
  #view-home .home-schedule-item {
    grid-template-columns:68px 14px minmax(0,1fr) auto;
    min-height:73px;
    padding:8px 0;
  }
  #view-home .home-schedule-item::before { left:75px; }
  #view-home .home-schedule-date { min-height:52px; }
  #view-home .home-schedule-title { font-size:12px; }
  #view-home .home-schedule-note { font-size:10px; }

  #view-home .home-wh-summary > div { min-height:78px; }
  #view-home .home-wh-summary strong { font-size:22px; }
  #view-home .home-wh-table-head { min-height:38px; }
  #view-home .home-wh-table-row { min-height:50px; }

  #view-home .home-dashboard-rail { gap:14px; }
  #view-home .home-dashboard-rail .panel-head { min-height:50px; }
  #view-home .home-quick-grid { gap:8px; }
  #view-home .home-quick-grid button {
    min-height:83px;
    padding:9px 5px;
    border-radius:6px;
    font-size:11px;
  }
  #view-home .home-quick-grid button > span {
    height:30px;
    min-width:30px;
    border-radius:7px;
    font-size:16px;
  }
  #view-home .home-quick-grid button b { min-height:26px; font-size:11px; }
  #view-home .home-deadline-list button { min-height:66px; }

  #view-home .home-workflow-panel { padding-bottom:10px; }
  #view-home .home-workflow-panel .panel-head { min-height:42px; padding:9px 16px; }
  #view-home .home-workflow { gap:9px; padding-top:8px; }
  #view-home .home-workflow-stage { min-height:62px; padding:7px 10px; border-radius:6px; }
  #view-home .home-workflow-icon { width:29px; height:29px; }
  #view-home .home-workflow-stage b { font-size:21px; }
  #view-home .home-activity-row { min-height:31px; }
}

@media (min-width:1281px) and (max-width:1499px) {
  #view-home .home-kpi-card { min-height:126px; }
  #view-home .home-dashboard-body { grid-template-columns:minmax(0,1fr) 292px; }
  #view-home .home-dashboard-grid { grid-template-columns:minmax(350px,.9fr) minmax(420px,1.1fr); }
  #view-home .home-dashboard-grid > .panel { min-height:430px; }
  #view-home .home-quick-grid button { min-height:76px; }
}

/* Approved PC mockup — shared visual language for every work menu */
@media (min-width:761px) {
  .view-section:not(#view-home) {
    gap:10px;
    color:#17243a;
  }
  .view-section:not(#view-home) > .panel,
  .view-section:not(#view-home) .contract-workspace > .panel,
  .view-section:not(#view-home) .binding-workspace > .panel,
  .view-section:not(#view-home) .credit-split-layout .panel {
    border:1px solid #dce4ea;
    border-radius:6px;
    background:#fff;
    box-shadow:0 2px 8px rgba(18,36,58,.025);
  }
  .view-section:not(#view-home) .panel-head {
    min-height:47px;
    border-color:#e2e8ed;
    border-radius:6px 6px 0 0;
    background:#fff;
  }
  .view-section:not(#view-home) .panel-head h3 { font-size:14px; }
  .view-section:not(#view-home) .meta-line { color:#7d8998; font-size:10px; }
  .view-section:not(#view-home) input:not([type="checkbox"]):not([type="radio"]),
  .view-section:not(#view-home) select,
  .view-section:not(#view-home) textarea {
    border-color:#d6dfe6;
    border-radius:4px;
    background:#fff;
    color:#34455a;
  }
  .view-section:not(#view-home) .ghost-button,
  .view-section:not(#view-home) .primary-button,
  .view-section:not(#view-home) .file-label { border-radius:4px; }

  /* Progress/navigation strip used by forms and calculators */
  .workflow-stagebar {
    min-height:66px;
    border-color:#dce4ea;
    border-radius:6px;
    box-shadow:none;
  }
  .workflow-stagebar > div { padding:9px 14px; }
  .workflow-stagebar > div.active { background:linear-gradient(90deg,#edf9f8,#fff); }
  .workflow-stagebar strong { font-size:12px; }
  .workflow-stagebar small { font-size:9px; }

  /* Client management: command/list surface with an independent detail rail */
  #view-temp_registration { gap:10px; background:#f4f6f8; }
  #view-temp_registration .temp-reg-titlebar {
    right:348px;
    top:8px;
    height:34px;
  }
  #view-temp_registration .temp-reg-title-actions { gap:6px; }
  #view-temp_registration .temp-reg-title-actions button {
    height:34px;
    padding:0 12px;
    border-radius:4px;
    font-size:10px;
  }
  #view-temp_registration .temp-reg-workspace {
    grid-template-columns:minmax(0,1fr) 330px;
    height:calc(100vh - 90px);
    min-height:640px;
    border:1px solid #dce4ea;
    border-radius:6px;
  }
  #view-temp_registration .temp-reg-list-pane { border-right:1px solid #dce4ea; background:#fff; }
  #view-temp_registration .temp-reg-filter-bar {
    min-height:58px;
    padding:9px 12px;
    border-bottom:1px solid #e2e8ed;
    background:#fff;
  }
  #view-temp_registration .temp-reg-filter-bar select,
  #view-temp_registration .temp-reg-filter-bar input { height:32px; border-radius:4px; font-size:10px; }
  #view-temp_registration .temp-reg-list-toolbar { min-height:48px; padding:0 14px; }
  #view-temp_registration .temp-reg-table th { height:38px; background:#f7f9fa; }
  #view-temp_registration .temp-reg-table td { height:45px; }
  #view-temp_registration .temp-reg-pagination { min-height:46px; }
  #view-temp_registration .temp-reg-company-head { min-height:82px; padding:14px 16px 11px; }
  #view-temp_registration .temp-reg-progress { gap:6px; padding:12px 14px 9px; }
  #view-temp_registration .temp-reg-progress-card { padding:8px; border-radius:5px; }
  #view-temp_registration .temp-reg-detail-actions { padding:0 14px 12px; }
  #view-temp_registration .temp-reg-section-title { margin-inline:14px; }
  #view-temp_registration .temp-reg-detail-body { padding-inline:14px; }

  /* Tax reporting: one command band, four progress cards, one dense work table */
  .workspace-tax-view > .panel { padding:0 13px 13px; border-radius:6px; }
  .workspace-tax-view .tax-board-head,
  .workspace-tax-view .vat-board-head {
    margin:0 -13px;
    padding:11px 13px 10px;
    border-radius:6px 6px 0 0;
  }
  .workspace-tax-view .tax-board-intro h3,
  .workspace-tax-view .vat-board-head h3 { font-size:14px; }
  .workspace-tax-view .tab-row { margin-top:8px; }
  .workspace-tax-view .tab-row button { min-height:27px; padding:4px 9px; font-size:9px; }
  .workspace-tax-view .tax-toolbar,
  .workspace-tax-view .vat-toolbar { gap:6px; }
  .workspace-tax-view .tax-toolbar select,
  .workspace-tax-view .tax-toolbar input,
  .workspace-tax-view .tax-toolbar button,
  .workspace-tax-view .vat-toolbar select,
  .workspace-tax-view .vat-toolbar input,
  .workspace-tax-view .vat-toolbar button { height:31px; min-height:31px; font-size:10px; }
  .workspace-tax-view .tab-summary-grid { gap:7px; }
  .workspace-tax-view .tab-summary-card {
    min-height:74px;
    padding:11px 12px 14px;
    border-color:#dce4ea;
    border-radius:6px;
  }
  .workspace-tax-view .tab-summary-card span { font-size:10px; }
  .workspace-tax-view .tab-summary-card strong { margin-top:4px; font-size:20px; }
  .workspace-tax-view .client-tax-list,
  .workspace-tax-view .withholding-workflow-wrap { min-height:470px; border-radius:5px; }

  /* Document forms: structured editor on the left, printable preview on the right */
  .workspace-form-view .contract-workspace,
  .workspace-form-view .binding-workspace {
    grid-template-columns:minmax(520px,1.12fr) minmax(370px,.88fr);
    gap:10px;
  }
  .workspace-form-view .contract-editor-panel,
  .workspace-form-view .binding-editor-panel { padding:0 13px 13px; }
  .workspace-form-view .contract-panel-head { margin:0 -13px!important; min-height:47px; padding:9px 13px; }
  .workspace-form-view .contract-form-section,
  .workspace-form-view .binding-form-section {
    gap:9px;
    padding:11px 13px;
    border-color:#e2e8ed;
    border-radius:5px;
  }
  .workspace-form-view .contract-section-title h4 { font-size:11px; }
  .workspace-form-view .contract-section-title p { font-size:9px; }
  .workspace-form-view .contract-section-title > span { width:22px; height:22px; flex-basis:22px; }
  .workspace-form-view input,
  .workspace-form-view select { min-height:32px; }
  .workspace-form-view .contract-preview-panel,
  .workspace-form-view .binding-preview-panel { top:78px; padding:0 11px 11px; }
  .workspace-form-view .contract-preview-head { margin:0 -11px!important; min-height:47px; }
  .workspace-form-view .contract-preview-empty { min-height:520px; border-radius:4px; }

  /* Calculators: compact setup, spreadsheet-like input, result below */
  .workspace-calculator-view > .panel { border-radius:6px; }
  .workspace-calculator-view.payroll-view .payroll-client-panel { padding:13px; }
  .workspace-calculator-view.payroll-view .payroll-client-row { gap:10px; }
  .workspace-calculator-view .payroll-grid { gap:8px; }
  .workspace-calculator-view .table-wrap { border-radius:4px; }
  #view-credit .employee-line-card,
  #view-credit .section-line-card.refined { border-color:#dce4ea; border-radius:5px; background:#fff; }

  /* PDF and law: master/detail work canvases */
  .workspace-tool-view > .panel { padding:0 12px 12px; }
  .workspace-tool-view > .panel > .tab-row { margin:0 -12px; padding:7px 12px 0; }
  .workspace-tool-view .pdf-tool-panel.active[data-panel="edit"] { display:grid!important; grid-template-columns:270px minmax(0,1fr); min-height:560px; }
  .workspace-tool-view .pdf-tool-panel[data-panel="edit"] > .subpanel:first-child .panel-head { display:grid; grid-template-columns:1fr; align-items:start; gap:10px; }
  .workspace-tool-view .pdf-tool-panel[data-panel="edit"] > .subpanel:first-child .panel-head h3 { white-space:nowrap; }
  .workspace-tool-view .pdf-tool-panel[data-panel="edit"] > .subpanel:first-child .inline-actions { width:100%; justify-content:flex-start; }
  .workspace-tool-view .drop-zone { min-height:170px; }
  .workspace-law-view .law-source-tabs,
  .workspace-law-view .law-search-panel,
  .workspace-law-view .law-explorer-layout { border-radius:6px; box-shadow:none; }
  .workspace-law-view .law-search-panel { padding:10px 12px!important; }
  .workspace-law-view .law-explorer-layout { grid-template-columns:220px minmax(0,1fr); min-height:520px; }
  .workspace-law-view .law-chain-main { padding:8px; }
  .workspace-law-view .law-chain-board { min-height:480px; }
}

/* Final cascade corrections for readable non-dashboard typography */
@media (min-width:761px) {
  .view-section:not(#view-home) h3 { font-size:18px!important; }
  .view-section:not(#view-home) button,
  .view-section:not(#view-home) input:not([type="checkbox"]):not([type="radio"]),
  .view-section:not(#view-home) select,
  .view-section:not(#view-home) textarea,
  .view-section:not(#view-home) .file-label span { font-size:14px!important; }
  .view-section:not(#view-home) table th,
  .view-section:not(#view-home) table td { font-size:14px!important; }
  .view-section:not(#view-home) .meta-line,
  .view-section:not(#view-home) .status-text,
  .view-section:not(#view-home) .helper-text,
  .view-section:not(#view-home) .section-description,
  .view-section:not(#view-home) .workspace-helper,
  .view-section:not(#view-home) .withholding-cycle-help { font-size:13px!important; }

  #view-temp_registration .temp-reg-filter-bar select,
  #view-temp_registration .temp-reg-filter-bar input,
  #view-temp_registration .temp-reg-search-row input { height:40px!important; padding-top:8px; padding-bottom:8px; }
  #view-temp_registration .temp-reg-table th { height:46px!important; font-size:14px!important; }
  #view-temp_registration .temp-reg-table td { height:56px!important; font-size:14px!important; }
  #view-temp_registration .temp-reg-detail-label { font-size:14px!important; }
  #view-temp_registration .temp-reg-status-badge,
  #view-temp_registration .temp-reg-type-badge,
  #view-temp_registration .temp-reg-tax-label,
  #view-temp_registration .temp-reg-table-status,
  #view-temp_registration .temp-reg-table .temp-reg-withholding-cycle,
  #view-temp_registration .temp-reg-table .temp-reg-tag { font-size:12px!important; }
  #view-temp_registration .temp-reg-info-row dt,
  #view-temp_registration .temp-reg-info-row dd,
  #view-temp_registration .temp-reg-memo textarea,
  #view-temp_registration .temp-reg-recent-row { font-size:13px!important; }

  .workspace-tax-view .tax-board-intro p,
  .workspace-tax-view .vat-board-head p,
  .workspace-tax-view .tax-toolbar label,
  .workspace-tax-view .vat-toolbar label,
  .workspace-tax-view .tab-summary-card span,
  .workspace-tax-view #vat-status { font-size:13px!important; }
  .workspace-tax-view .tab-row button { font-size:13px!important; }
  .workspace-tax-view .tax-toolbar select,
  .workspace-tax-view .tax-toolbar input,
  .workspace-tax-view .tax-toolbar button,
  .workspace-tax-view .vat-toolbar select,
  .workspace-tax-view .vat-toolbar input,
  .workspace-tax-view .vat-toolbar button {
    height:40px!important;
    min-height:40px!important;
    padding-top:7px;
    padding-bottom:7px;
    font-size:14px!important;
  }
  .workspace-tax-view .withholding-overview-cell.is-date,
  .workspace-tax-view .withholding-overview-cell .withholding-date-input { font-size:11px!important; }

  .workspace-form-view .contract-section-title p,
  .workspace-form-view .binding-form-section label,
  .workspace-calculator-view label,
  .workspace-calculator-view .row span,
  #view-credit .section-line-inputs.compact-four .row span,
  #view-credit .toggle-pill { font-size:13px!important; }
  .workspace-form-view input,
  .workspace-form-view select,
  .workspace-form-view textarea,
  .workspace-calculator-view input,
  .workspace-calculator-view select { min-height:40px!important; font-size:14px!important; }

  .workspace-tool-view .subpanel > p,
  .workspace-tool-view .drop-zone,
  .workspace-tool-view .empty-state,
  .workspace-law-view .law-search-mode-field,
  .workspace-law-view .law-search-field,
  .workspace-law-view .law-presets,
  .workspace-law-view .law-chain-pane-head p,
  .workspace-law-view .law-chain-pane-head a,
  .workspace-law-view .law-history-field span,
  .workspace-law-view .law-history-field select { font-size:14px!important; }

  .workflow-stagebar > div > span { font-size:11px!important; }
  #view-temp_registration .temp-reg-recent-head span,
  #view-temp_registration .temp-reg-backup { font-size:12px!important; }
  .workspace-form-view .contract-form-grid label,
  .workspace-form-view .contract-wide-label,
  .workspace-form-view .contract-form-grid label > span,
  .workspace-form-view .contract-wide-label > span,
  .workspace-form-view .binding-form-section label,
  .workspace-form-view .binding-form-section label > span { font-size:13px!important; }

  #view-temp_registration .temp-reg-table .temp-reg-tag {
    min-height:24px;
    padding:2px 4px 2px 8px;
    align-items:center;
    gap:4px;
    line-height:1.2;
  }
  #view-temp_registration .temp-reg-table .temp-reg-tag-remove {
    display:inline-grid;
    width:18px;
    min-width:18px;
    height:18px!important;
    min-height:18px!important;
    padding:0!important;
    place-items:center;
    align-self:center;
    border-radius:50%;
    font-size:14px!important;
    line-height:1!important;
  }
  #view-temp_registration .temp-reg-table .temp-reg-tag-add {
    display:inline-block;
    flex:0 0 20px;
    width:20px;
    height:20px!important;
    min-height:20px!important;
    padding:0!important;
    align-self:center;
    border:1px dashed #9eabb9;
    border-radius:50%;
    background:#fff;
    font-size:0!important;
    line-height:0!important;
  }
  #view-temp_registration .temp-reg-tax-toggle {
    display:inline-flex;
    height:24px!important;
    min-height:24px!important;
    margin-left:5px;
    padding:0 7px;
    align-items:center;
    justify-content:center;
    border:1px solid #9bcfca;
    border-radius:5px;
    background:#eef9f7;
    color:#087f7c;
    font-size:12px!important;
    font-weight:700;
    line-height:1!important;
    cursor:pointer;
  }
  #view-temp_registration .temp-reg-tax-toggle.tax-면세 {
    border-color:#e4bd7b;
    background:#fff7e8;
    color:#9a6100;
  }
  #view-temp_registration .temp-reg-tax-toggle:hover { filter:brightness(.97); }
  #view-temp_registration .temp-reg-tax-toggle:disabled { cursor:wait; opacity:.55; }
}

/* Client detail rail: readable, compact account profile */
@media (min-width:841px) {
  #view-temp_registration .temp-reg-workspace {
    grid-template-columns:minmax(0,1fr) 380px;
  }
  #view-temp_registration .temp-reg-titlebar { right:398px; }
  #view-temp_registration .temp-reg-company-head {
    min-height:0;
    padding:16px 18px 13px;
  }
  #view-temp_registration .temp-reg-company-head > div:first-child {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    min-width:0;
  }
  #view-temp_registration .temp-reg-detail-label {
    flex:0 0 100%;
    margin-bottom:6px;
  }
  #view-temp_registration .temp-reg-company-head strong {
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
    font-size:18px;
    line-height:24px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #view-temp_registration #temp-reg-company-badges {
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    gap:5px;
  }
  #view-temp_registration .temp-reg-status-badge,
  #view-temp_registration .temp-reg-type-badge {
    flex:0 0 auto;
    height:22px;
    padding-inline:7px;
  }
  #view-temp_registration .temp-reg-company-head .temp-reg-head-right {
    margin-top:7px;
  }
  #view-temp_registration .temp-reg-progress {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:12px 16px;
  }
  #view-temp_registration .temp-reg-progress-card {
    min-height:72px;
    padding:10px 12px;
    border-radius:7px;
  }
  #view-temp_registration .temp-reg-progress-card > span { font-size:12px; }
  #view-temp_registration .temp-reg-progress-card > strong { font-size:20px; }
  #view-temp_registration .temp-reg-progress-card > em {
    top:37px;
    right:12px;
    font-size:11px;
  }
  #view-temp_registration .temp-reg-detail-actions {
    padding:0 16px 14px;
  }
  #view-temp_registration .temp-reg-detail-actions button {
    height:38px;
    border-radius:6px;
    font-size:13px;
  }
  #view-temp_registration .temp-reg-section-title {
    margin:16px 16px 9px;
    font-size:17px;
  }
  #view-temp_registration .temp-reg-detail-body { padding:0 16px 12px; }
  #view-temp_registration .temp-reg-info-table {
    border-color:#dce4e9;
    border-radius:8px;
    background:#fff;
  }
  #view-temp_registration .temp-reg-info-row {
    grid-template-columns:104px minmax(0,1fr);
    min-height:42px;
  }
  #view-temp_registration .temp-reg-info-row dt,
  #view-temp_registration .temp-reg-info-row dd {
    min-width:0;
    padding:10px 11px;
    line-height:1.5;
  }
  #view-temp_registration .temp-reg-info-row dt {
    color:#59697c;
    font-weight:600;
  }
  #view-temp_registration .temp-reg-info-row dd {
    align-items:flex-start;
    color:#25364b;
    word-break:keep-all;
    overflow-wrap:anywhere;
  }
  #view-temp_registration .temp-reg-info-row-accounting dd {
    align-items:center;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
  }
  #view-temp_registration .temp-reg-info-row.is-wide {
    grid-template-columns:minmax(0,1fr);
  }
  #view-temp_registration .temp-reg-info-row.is-wide dt {
    padding:9px 11px 3px;
    border-bottom:0;
    background:#fff;
    color:#778497;
    font-size:11px!important;
  }
  #view-temp_registration .temp-reg-info-row.is-wide dd {
    min-height:34px;
    padding:2px 11px 10px;
    background:#fff;
  }
  #view-temp_registration .temp-reg-static {
    min-width:0;
    line-height:inherit;
  }
  #view-temp_registration .temp-reg-info-table.editing .temp-reg-info-row {
    grid-template-columns:118px minmax(0,1fr);
  }
  #view-temp_registration .temp-reg-memo {
    margin-top:16px;
    border-color:#dce4e9;
    border-radius:8px;
  }
  #view-temp_registration .temp-reg-memo > strong {
    padding:11px 12px;
    font-size:13px;
  }
  #view-temp_registration .temp-reg-memo textarea {
    min-height:88px;
    padding:11px 12px;
    line-height:1.55;
  }
  #view-temp_registration .temp-reg-recent {
    margin:4px 16px 22px;
  }
}

@media (min-width:1500px) {
  #view-temp_registration .temp-reg-workspace {
    grid-template-columns:minmax(0,1fr) 420px;
  }
  #view-temp_registration .temp-reg-titlebar { right:438px; }
}

/* Login: full desktop composition with a purposeful brand panel */
.login-shell {
  position:relative;
  display:grid;
  grid-template-columns:minmax(480px,46%) minmax(520px,54%);
  min-height:100vh;
  padding:0;
  place-items:stretch;
  overflow:hidden;
  background:#f3f6f8;
}
.login-brand-panel {
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:54px clamp(48px,6vw,112px);
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 18%,rgba(21,178,174,.22),transparent 28%),
    radial-gradient(circle at 18% 92%,rgba(21,178,174,.12),transparent 30%),
    linear-gradient(145deg,#102b48 0%,#0b2139 60%,#081c31 100%);
  color:#fff;
}
.login-brand-panel::before,
.login-brand-panel::after {
  position:absolute;
  content:"";
  border:1px solid rgba(100,222,216,.14);
  border-radius:50%;
}
.login-brand-panel::before { width:520px;height:520px;right:-250px;top:-210px; }
.login-brand-panel::after { width:340px;height:340px;left:-180px;bottom:-190px; }
.login-brand-lockup {
  position:absolute;
  z-index:1;
  top:52px;
  left:clamp(48px,6vw,112px);
  display:flex;
  align-items:center;
  gap:14px;
}
.login-brand-mark,
.login-card-symbol {
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(145deg,#15b8b2,#079c9d);
  color:#fff;
  font-weight:900;
  box-shadow:0 12px 30px rgba(5,154,154,.24);
}
.login-brand-mark { width:48px;height:48px;font-size:22px; }
.login-brand-lockup div { display:grid;gap:3px; }
.login-brand-lockup small { color:#9fb1c3;font-size:10px;font-weight:700;letter-spacing:.11em; }
.login-brand-lockup strong { color:#fff;font-size:22px;line-height:1; }
.login-brand-copy { position:relative;z-index:1;max-width:590px; }
.login-brand-copy > p { margin:0 0 18px;color:#45d0cb;font-size:12px;font-weight:800;letter-spacing:.17em; }
.login-brand-copy h1 { margin:0;color:#fff;font-size:clamp(38px,3.1vw,58px);line-height:1.23;letter-spacing:-.055em; }
.login-brand-copy > span { display:block;margin-top:24px;color:#b9c7d4;font-size:16px;line-height:1.8; }
.login-feature-list { position:relative;z-index:1;display:grid;gap:10px;margin-top:42px;max-width:540px; }
.login-feature-list > div {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:64px;
  padding:10px 14px;
  border:1px solid rgba(175,220,223,.13);
  border-radius:9px;
  background:rgba(255,255,255,.045);
}
.login-feature-list b { display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:rgba(20,181,177,.14);color:#56d6d1;font-size:11px; }
.login-feature-list span { display:grid;gap:3px; }
.login-feature-list strong { color:#f6fbff;font-size:14px; }
.login-feature-list small { color:#9fb0c0;font-size:12px; }
.login-brand-footer { position:absolute;z-index:1;left:clamp(48px,6vw,112px);bottom:35px;margin:0;color:#70879b;font-size:9px;letter-spacing:.14em; }