:root{--canvas:#f5f7f8;--surface:#ffffff;--subtle:#f8fafb;--ink:#172b36;--secondary:#536773;--muted:#60727d;--line:#dfe7eb;--line-strong:#cbd8de;--accent-soft:#e9f4f1;--accent-line:#bcdbd2;--accent:#227766;--accent-hover:#195e51;--warning:#8a5c18;--warning-soft:#fbf3e3;--danger:#a23f3f;--danger-soft:#fceeee;--font:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;--text-xs:11px;--text-caption:12px;--text-small:13px;--text-body:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-heading:24px;--text-display:28px;--text-hero:32px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:28px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--radius-control:8px;--radius-panel:12px;--radius-pill:999px;--border:1px;--control:44px;--compact:36px;--sidebar:228px;--content-max:1536px;--form-max:800px;--connect-max:460px;--shadow-panel:0 2px 8px rgb(23 43 54 / 3%);--shadow-dialog:0 20px 64px rgb(23 43 54 / 18%);--focus:0 0 0 3px var(--accent-line);--motion:.12s}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:var(--text-body);line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,select,textarea,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button{touch-action:manipulation}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:var(--text-display);line-height:1.35;letter-spacing:-.8px;font-weight:700}h2{font-size:var(--text-lg);line-height:1.4;font-weight:600;letter-spacing:-.3px}h3{font-size:var(--text-body);font-weight:600}hr{width:100%;border:0;border-top:var(--border) solid var(--line);margin:var(--s2) 0}strong{font-weight:600}svg{flex-shrink:0}dl,dd{margin:0}dt{color:var(--muted);font-size:var(--text-caption)}time{font-size:var(--text-xs);color:var(--muted)}.muted{color:var(--muted)}.small{font-size:var(--text-small)}.stack{display:flex;flex-direction:column;gap:var(--s5);min-width:0}.page-stack{gap:var(--s6)}.actions{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.align-end{justify-content:flex-end}.eyebrow{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:1.3px;color:var(--muted);margin-bottom:var(--s2)}.page-heading{display:flex;justify-content:space-between;gap:var(--s5);align-items:center}.page-heading p{margin-top:var(--s2);color:var(--muted)}.panel{background:var(--surface);border:var(--border) solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s5) var(--s6);border-bottom:var(--border) solid var(--line)}.panel-heading .eyebrow{margin-bottom:var(--s1)}.count-label{background:var(--subtle);color:var(--secondary);font-size:var(--text-caption);border:var(--border) solid var(--line);border-radius:var(--radius-control);padding:var(--s1) var(--s2);white-space:nowrap}.panel-bottom{padding:var(--s4) var(--s5);border-top:var(--border) solid var(--line)}.panel-bottom .button{width:100%}.button{min-height:var(--control);padding:var(--s2) var(--s4);border:var(--border) solid var(--line-strong);border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);background:var(--surface);font-size:var(--text-small);font-weight:600;white-space:nowrap;transition:transform var(--motion),opacity var(--motion)}.button:hover:not(:disabled){background:var(--subtle);border-color:var(--muted)}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button-ghost{background:transparent;border-color:transparent}.button-ghost:hover:not(:disabled){border-color:transparent;background:var(--accent-soft)}.button-danger{background:var(--danger-soft);border-color:var(--danger-soft);color:var(--danger)}.button-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--s1) var(--s2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;line-height:1.4;background:var(--subtle);color:var(--secondary);white-space:nowrap}.badge-confirmed,.badge-booked,.badge-sent{color:var(--accent);background:var(--accent-soft)}.badge-deposit_pending,.badge-collecting,.badge-awaiting_confirmation,.badge-pending,.badge-dispatching{color:var(--warning);background:var(--warning-soft)}.badge-review,.badge-failed{color:var(--danger);background:var(--danger-soft)}.badge-cancelled{color:var(--muted);background:var(--canvas)}.badge-neutral{border:var(--border) solid var(--line);color:var(--secondary)}.notice{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s4);border-radius:var(--radius-control);background:var(--subtle);color:var(--secondary);font-size:var(--text-small);line-height:1.7}.notice svg{margin-top:var(--s1);color:var(--muted)}.notice-error{background:var(--danger-soft);color:var(--danger)}.notice-error svg{color:var(--danger)}.notice-success{background:var(--accent-soft);color:var(--accent)}.notice-success svg{color:var(--accent)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s12) var(--s5);gap:var(--s2)}.empty-icon{display:grid;place-items:center;background:var(--subtle);color:var(--muted);width:var(--s12);height:var(--s12);border-radius:var(--radius-panel);margin-bottom:var(--s2)}.empty strong{font-size:var(--text-body);font-weight:600}.empty p{color:var(--muted);font-size:var(--text-small);max-width:36ch}.text-link{background:transparent;border:0;padding:0;color:var(--accent);text-decoration:underline;font-weight:600}.error-text{display:block;color:var(--danger);font-size:var(--text-caption)}.sr-only,.skip-link:not(:focus){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link:focus{position:fixed;inset-block-start:var(--s2);inset-inline-start:var(--s2);z-index:10;background:var(--surface);padding:var(--s3)}.loading{display:flex;flex-direction:column;gap:var(--s6);color:var(--muted)}.skeleton{background:var(--line);border-radius:var(--radius-control)}.skeleton-title{width:40%;height:var(--s8)}.skeleton-metric{height:128px}.skeleton-calendar{height:480px}.showcase{padding:var(--s6);max-width:1000px;margin:auto}dialog{width:min(100% - var(--s8),480px);border:var(--border) solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-dialog);padding:var(--s6);color:var(--ink)}dialog::backdrop{background:#172b3659}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s5)}.dialog-heading .button{padding:var(--s2)}@media(max-width:768px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading .actions{width:100%}h1{font-size:var(--text-heading)}.panel-heading{padding:var(--s4)}.page-stack{gap:var(--s5)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.keep-phrase{white-space:nowrap}.app-shell{min-height:100dvh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:var(--surface);border-inline-end:var(--border) solid var(--line);padding:var(--s7) var(--s4);display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:var(--s3);padding:0 var(--s2)}.brand-symbol{background:var(--accent-soft);color:var(--accent);width:var(--control);height:var(--control);display:grid;place-items:center;border-radius:var(--radius-panel)}.brand strong{display:block;font-size:var(--text-body);letter-spacing:1px;font-weight:700}.brand span{display:block;font-size:var(--text-xs);color:var(--muted);margin-top:var(--s1)}.property-label{color:var(--muted);font-size:var(--text-xs);padding:var(--s8) var(--s3) var(--s3)}.sidebar nav{display:flex;flex-direction:column;gap:var(--s1)}.nav-item{display:flex;align-items:center;gap:var(--s3);min-height:var(--control);border:0;border-radius:var(--radius-control);background:transparent;color:var(--secondary);padding:var(--s3);text-align:start;font-size:var(--text-small);font-weight:500}.nav-item:hover{background:var(--subtle)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-bottom{margin-top:auto;border-top:var(--border) solid var(--line);padding:var(--s5) var(--s2) 0;display:flex;flex-direction:column;gap:var(--s3)}.sidebar-bottom .button{justify-content:flex-start;padding-inline:0}.system-label{display:flex;gap:var(--s2);align-items:center;font-size:var(--text-caption);font-weight:600}.status-dot{width:var(--s2);height:var(--s2);background:var(--muted);border-radius:50%}.status-dot.online{background:var(--accent)}.workspace{margin-inline-start:var(--sidebar);min-width:0}.topbar{height:var(--s16);background:var(--surface);border-bottom:var(--border) solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--s8);color:var(--muted);font-size:var(--text-caption)}.crumb{color:var(--line-strong);padding:0 var(--s3)}.admin-label{display:flex;align-items:center;gap:var(--s2);color:var(--secondary)}.avatar{width:var(--s8);height:var(--s8);background:var(--subtle);border:var(--border) solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:var(--text-xs)}.workspace main{padding:var(--s8);max-width:var(--content-max);min-height:calc(100dvh - 128px);margin:auto}.workspace main:focus{outline:none}.page-footer{display:flex;justify-content:space-between;gap:var(--s4);color:var(--muted);font-size:var(--text-xs);padding:var(--s4) var(--s8);max-width:var(--content-max);margin:auto}.connection-page{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--surface),var(--canvas) 70%)}.connection-brand{padding:var(--s8) var(--s12);display:flex;align-items:center;gap:var(--s3);color:var(--accent);letter-spacing:1px}.connection-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s16);width:min(1100px,100%);margin:auto;padding:var(--s12)}.connection-intro .eyebrow{color:var(--accent);margin-bottom:var(--s6)}.connection-intro h1{font-size:var(--text-hero);line-height:1.5;letter-spacing:-1px}.connection-intro>p{color:var(--secondary);line-height:1.9;font-size:var(--text-md);margin-top:var(--s6)}.connection-features{display:flex;flex-direction:column;gap:var(--s4);margin-top:var(--s10);color:var(--secondary);font-size:var(--text-small)}.connection-features span{display:flex;gap:var(--s3);align-items:center}.connection-features svg{color:var(--accent)}.connection-card{padding:var(--s8);width:100%;max-width:var(--connect-max)}.connection-card h2{font-size:var(--text-heading);margin-bottom:var(--s2)}.connection-card>p{margin-bottom:var(--s6);font-size:var(--text-small)}.connection-lock{display:grid;place-items:center;width:var(--s12);height:var(--s12);border-radius:var(--radius-panel);background:var(--accent-soft);color:var(--accent);margin-bottom:var(--s6)}.connection-hint{display:flex;align-items:flex-start;gap:var(--s2);border-top:var(--border) solid var(--line);padding-top:var(--s5);margin-top:var(--s6);font-size:var(--text-caption);color:var(--muted)}.connection-hint svg{margin-top:var(--s1)}.connection-footer{text-align:center;font-size:var(--text-caption);padding:var(--s6);color:var(--muted)}@media(max-width:1000px){.connection-main{gap:var(--s8);padding:var(--s8)}.connection-intro h1{font-size:var(--text-display)}}@media(max-width:768px){.sidebar{position:sticky;inset-block-start:0;width:auto;padding:var(--s3) var(--s4);border-inline-end:0;border-bottom:var(--border) solid var(--line)}.brand{padding:0}.brand-symbol{width:var(--s8);height:var(--s8);border-radius:var(--radius-control)}.brand-symbol svg{width:20px}.brand span,.property-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:var(--s1);margin-top:var(--s3);justify-content:space-between}.nav-item{padding:var(--s2);min-width:0;justify-content:center;flex:1;flex-direction:column;gap:var(--s1);font-size:var(--text-xs);line-height:1.3;text-align:center}.nav-item span{max-width:8em}.workspace{margin-inline-start:0}.topbar{height:var(--s12);padding-inline:var(--s4)}.workspace main{padding:var(--s6) var(--s4)}.page-footer{padding:var(--s4);flex-wrap:wrap}.connection-main{grid-template-columns:1fr;max-width:540px;padding:var(--s6);gap:var(--s8)}.connection-intro h1{font-size:var(--text-heading)}.connection-intro>p{font-size:var(--text-body);margin-top:var(--s4)}.connection-features{display:none}.connection-brand,.connection-card{padding:var(--s6)}.connection-footer{padding:var(--s4)}}@media(max-width:420px){.nav-item{padding-inline:var(--s1);font-size:var(--text-xs)}.nav-item svg{width:18px}.connection-intro .eyebrow{margin-bottom:var(--s4)}}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}.metric{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:start;background:var(--surface);border:var(--border) solid var(--line);border-radius:var(--radius-panel);padding:var(--s5);box-shadow:var(--shadow-panel);color:var(--ink)}.metric-label{font-size:var(--text-caption);color:var(--secondary);margin-bottom:var(--s3)}.metric>div{display:flex;gap:var(--s2);align-items:baseline}.metric strong{font-size:var(--text-display);font-weight:600;line-height:1.2}.metric>div>span{font-size:var(--text-caption);color:var(--muted)}.metric-note{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s3)}.metric-icon{position:absolute;right:var(--s5);top:var(--s5);color:var(--line-strong)}.metric.actionable:hover{border-color:var(--accent-line);background:var(--subtle)}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s5);align-items:start}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s5)}.month-heading{display:flex;align-items:center;gap:var(--s3)}.month-heading h2{font-size:var(--text-xl);white-space:nowrap}.compact-actions{gap:var(--s1)}.compact-actions .button{min-height:var(--compact);padding:var(--s2) var(--s3);font-weight:500}.compact-actions .button:has(svg){padding:var(--s2)}.calendar-legend{display:flex;gap:var(--s4);font-size:var(--text-xs);color:var(--secondary);padding:0 var(--s5) var(--s4)}.calendar-legend>span{display:flex;align-items:center;gap:var(--s2)}.calendar-legend .legend-help{margin-left:auto;color:var(--muted)}.dot{display:inline-block;width:var(--s1);height:var(--s1);border-radius:50%;flex-shrink:0}.dot.bed{background:var(--accent)}.dot.ondol{background:var(--muted)}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:var(--subtle);border-block:var(--border) solid var(--line);font-size:var(--text-xs);color:var(--muted);text-align:center;padding:var(--s2) 0}.calendar-weekdays span:first-child{color:var(--danger)}.calendar-grid{gap:var(--border);background:var(--line);border-bottom:var(--border) solid var(--line)}.calendar-day,.calendar-blank{min-height:108px;background:var(--surface);border:0;padding:var(--s3);display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:start;position:relative}.calendar-blank,.calendar-day:hover{background:var(--subtle)}.calendar-day.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.day-number{font-size:var(--text-small);font-weight:500;display:flex;align-items:center;gap:var(--s1);line-height:1.4;margin-bottom:var(--s3)}.today .day-number{color:var(--accent);font-weight:700}.today-tag{font-size:var(--text-xs);font-weight:500;color:var(--accent)}.day-counts{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--text-xs);line-height:1.5}.day-counts>span{display:flex;align-items:center;gap:var(--s1);color:var(--secondary)}.day-counts b{font-weight:600;margin-left:auto;color:var(--ink)}.day-counts .sold-out{opacity:.5}.calendar-footnote{display:flex;align-items:center;gap:var(--s2);color:var(--muted);font-size:var(--text-xs);padding:var(--s3) var(--s5)}.day-panel .panel-heading h2{font-size:var(--text-md)}.day-summary{display:flex;justify-content:space-between;padding:var(--s4) var(--s5);background:var(--subtle);font-size:var(--text-caption);color:var(--muted);border-bottom:var(--border) solid var(--line)}.day-summary strong{color:var(--ink);margin-left:var(--s1)}.reservation-item{border-bottom:var(--border) solid var(--line)}.reservation-item:last-child{border-bottom:0}.reservation-item summary{list-style:none;cursor:pointer;padding:var(--s5)}.reservation-item summary::-webkit-details-marker{display:none}.reservation-item summary:hover{background:var(--subtle)}.reservation-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);font-size:var(--text-body)}.reservation-meta{display:flex;gap:var(--s2);flex-wrap:wrap;font-size:var(--text-xs);color:var(--muted);margin-top:var(--s2)}.reservation-dates{display:flex;justify-content:space-between;font-size:var(--text-caption);color:var(--secondary);margin-top:var(--s3)}.reservation-dates>span{color:var(--muted);font-size:var(--text-xs)}.reservation-detail{padding:0 var(--s5) var(--s5)}.reservation-detail dl{padding:var(--s3);background:var(--subtle);border-radius:var(--radius-control);display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s3)}.reservation-detail dl>div{display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--text-caption)}.reservation-detail .button{font-size:var(--text-caption);flex:1}.integration-strip{display:flex;align-items:center;gap:var(--s4);border:var(--border) solid var(--line);border-radius:var(--radius-control);padding:var(--s4) var(--s5);color:var(--muted)}.integration-strip>div{flex:1}.integration-strip strong{display:block;font-size:var(--text-small);color:var(--secondary)}.integration-strip span{display:block;font-size:var(--text-caption);margin-top:var(--s1)}@media(max-width:1279px){.calendar-layout{grid-template-columns:minmax(0,1fr)}.day-panel .day-content:has(.reservation-list){max-height:none}.reservation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.reservation-item{border-inline-end:var(--border) solid var(--line);border-bottom:0}.day-panel .empty{padding:var(--s8)}}@media(max-width:1000px){.metric-grid{gap:var(--s3)}.metric{padding:var(--s4)}.metric-icon{display:none}.metric strong{font-size:var(--text-heading)}}@media(max-width:600px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:var(--s4)}.metric-label{margin-bottom:var(--s2)}.metric-note{margin-top:var(--s2)}.calendar-toolbar{padding:var(--s4);flex-wrap:wrap}.month-heading h2{font-size:var(--text-lg)}.month-heading .badge{display:none}.calendar-legend{padding:0 var(--s4) var(--s3);gap:var(--s3)}.calendar-legend .legend-help{font-size:var(--text-xs)}.calendar-day,.calendar-blank{padding:var(--s2) var(--s1);min-height:80px}.day-number{padding-left:var(--s1);margin-bottom:var(--s2);font-size:var(--text-caption)}.today-tag{display:none}.day-counts{gap:var(--s1);font-size:var(--text-xs)}.day-counts .dot{display:none}.day-counts>span{gap:0;justify-content:space-between}.day-counts b{margin-left:0}.calendar-footnote{padding:var(--s3);font-size:var(--text-xs)}.integration-strip{align-items:flex-start;flex-wrap:wrap;padding:var(--s4);gap:var(--s3)}.integration-strip>div{flex-basis:calc(100% - 40px)}.integration-strip .button{margin-left:auto}.compact-actions .button{padding:var(--s2)}.reservation-list{display:block}}.narrow-page{max-width:var(--form-max)}.form-panel{padding:var(--s7)}.section-title{display:flex;align-items:center;gap:var(--s3)}.section-title>svg{color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.field{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.field label,.message-compose>label{font-size:var(--text-small);font-weight:600}.field-help{font-size:var(--text-caption);color:var(--muted)}.required{color:var(--accent);font-weight:400;font-size:var(--text-xs);margin-left:var(--s1)}input,select,textarea{background:var(--surface);border:var(--border) solid var(--line-strong);border-radius:var(--radius-control);min-height:var(--control);width:100%;max-width:100%;padding:var(--s2) var(--s3);font-size:var(--text-body)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=number]{font-variant-numeric:tabular-nums}textarea{resize:vertical;line-height:1.7;min-height:108px}select{padding-right:var(--s7)}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);border-top:var(--border) solid var(--line);padding-top:var(--s5);margin-top:var(--s1)}.checkbox-field{display:flex;gap:var(--s3);align-items:flex-start;cursor:pointer}.checkbox-field>input{width:var(--s5);height:var(--s5);min-height:0;accent-color:var(--accent);margin:var(--s1) 0 0}.checkbox-field>div{flex:1}.checkbox-field strong{display:block;font-size:var(--text-body)}.checkbox-field>div>span{display:block;color:var(--muted);font-size:var(--text-small);margin-top:var(--s1)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s5);padding-block:var(--s2)}.setting-row+.setting-row{border-top:var(--border) solid var(--line);padding-top:var(--s5)}.setting-row p{color:var(--muted);font-size:var(--text-small);margin-top:var(--s1)}.import-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}.import-steps>div{padding:var(--s2) 0}.import-steps span{display:block;color:var(--accent);font-size:var(--text-caption);margin-bottom:var(--s2);font-weight:700}.import-steps strong{display:block;font-size:var(--text-body)}.import-steps p{font-size:var(--text-small);color:var(--muted);margin-top:var(--s1)}.inquiry-start{padding:var(--s5) var(--s6);display:flex;justify-content:space-between;align-items:center;gap:var(--s5)}.inquiry-start h2{font-size:var(--text-md)}.inquiry-start-controls{display:flex;gap:var(--s2);min-width:0}.inquiry-start-controls input{max-width:240px}.inbox-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--s5);align-items:start}.conversation-item{padding:var(--s5);border:0;border-bottom:var(--border) solid var(--line);width:100%;text-align:start;background:var(--surface);display:flex;flex-direction:column;gap:var(--s2)}.conversation-item:hover{background:var(--subtle)}.conversation-item.selected{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.conversation-title{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.conversation-title strong{font-size:var(--text-small)}.conversation-item>span{color:var(--secondary);font-size:var(--text-caption)}.conversation-item:last-child{border:0}.conversation-info{padding:var(--s5) var(--s6);background:var(--subtle);display:flex;flex-direction:column;gap:var(--s4);border-bottom:var(--border) solid var(--line)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--s3)}.info-grid dd{font-size:var(--text-small);margin-top:var(--s1)}.deposit-inline{display:flex;gap:var(--s2);align-items:center}.deposit-inline select{max-width:260px}.message-thread{padding:var(--s6);display:flex;flex-direction:column;gap:var(--s4);max-height:480px;overflow:auto;min-height:200px;overscroll-behavior:contain}.message-bubble{align-self:flex-start;background:var(--subtle);border:var(--border) solid var(--line);border-radius:var(--radius-panel);padding:var(--s3) var(--s4);max-width:90%}.message-bubble.outgoing{align-self:flex-end;background:var(--accent-soft);border-color:var(--accent-line)}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-small);margin-block:var(--s1)}.message-sender{font-size:var(--text-xs);font-weight:600;color:var(--secondary)}.message-bubble time{display:block;text-align:end;margin-top:var(--s2)}.thread-empty{margin:auto;text-align:center}.message-compose{border-top:var(--border) solid var(--line);padding:var(--s5) var(--s6);display:flex;flex-direction:column;gap:var(--s3)}.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.outbox-section{padding:var(--s5) var(--s6);background:var(--subtle);border-top:var(--border) solid var(--line)}.outbox-section>p{margin-top:var(--s2)}.outbox-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s3);padding-block:var(--s4);border-bottom:var(--border) solid var(--line)}.outbox-item:last-child{border:0}.outbox-item p{font-size:var(--text-caption);white-space:pre-wrap;overflow-wrap:anywhere}.outbox-item time{display:block;margin-top:var(--s1)}@media(max-width:1100px){.inbox-layout{grid-template-columns:260px minmax(0,1fr)}.inquiry-start{align-items:flex-start;flex-direction:column}.inquiry-start-controls{width:100%}.inquiry-start-controls input{flex:1;max-width:none}.conversation-title{align-items:flex-start;flex-direction:column}.compose-footer{flex-direction:column;align-items:flex-end}}@media(max-width:850px){.inbox-layout{grid-template-columns:minmax(0,1fr)}.conversation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));max-height:260px;overflow:auto}.conversation-title{flex-direction:row}.conversation-item{border-inline-end:var(--border) solid var(--line)}}@media(max-width:600px){.form-panel{padding:var(--s5)}.form-grid{grid-template-columns:minmax(0,1fr);gap:var(--s4)}.form-footer{flex-wrap:wrap}.form-footer>.button{flex:1}.setting-row{align-items:flex-start;flex-direction:column;gap:var(--s3)}.import-steps{grid-template-columns:minmax(0,1fr);gap:var(--s3)}.import-steps>div{display:grid;grid-template-columns:var(--s8) 1fr;column-gap:var(--s2);padding:0}.import-steps span{grid-row:span 2;margin:0}.import-steps p{grid-column:2}.inquiry-start{padding:var(--s5)}.inquiry-start-controls{flex-wrap:wrap}.inquiry-start-controls input{min-width:160px}.inquiry-start-controls .button{flex:1}.conversation-info,.message-thread,.message-compose,.outbox-section{padding:var(--s4)}.deposit-inline{flex-wrap:wrap}.deposit-inline select{max-width:none;flex:1;min-width:160px}.message-bubble{max-width:95%}.compose-footer{align-items:stretch}.compose-footer .button{width:100%}}.badge-unknown{color:var(--warning);background:var(--warning-soft)}@media(max-width:600px){.outbox-item{flex-direction:column}}
