/* Standalone service content only. Never loaded by index; navigation stays in site-glass.css. */
.service-workspace-page { margin:0; }
.workspace-main { padding:calc(var(--site-header-height) + 32px) 20px calc(var(--bottom-nav-offset) + 48px); min-height:100dvh; }
.workspace-content { color:var(--glass-text); font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
.workspace-heading { margin-bottom:26px; }
.workspace-heading p { margin:0 0 8px; color:var(--glass-muted); font-size:12px; letter-spacing:.04em; }
.workspace-heading h1,.workspace-heading h2 { margin:0; color:var(--glass-text); font-size:26px; line-height:1.35; letter-spacing:-.055em; }
.workspace-content h3 { margin:0 0 10px; font-size:17px; letter-spacing:-.035em; }
.workspace-content p { margin:0 0 16px; }
.workspace-panel { border:1px solid var(--glass-line); border-radius:22px; background:linear-gradient(135deg,var(--glass-panel),transparent); padding:22px; margin:0 0 16px; }
.workspace-muted { color:var(--glass-muted); font-size:12px; }
.workspace-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:18px; }
.workspace-content :is(button,.workspace-link) { font:inherit; cursor:pointer; }
.workspace-button,.workspace-link { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:11px 16px; min-height:44px; border:1px solid var(--glass-line); border-radius:14px; color:var(--glass-text); background:var(--glass-panel); text-decoration:none; line-height:1.4; }
.workspace-button.is-primary { background:var(--glass-text); border-color:transparent; color:var(--glass-page); font-weight:650; }
.workspace-button.is-danger { color:#e68888; }
html[data-theme="light"] .workspace-button.is-danger { color:#a52d36; }
.workspace-content button:disabled { opacity:.55; cursor:not-allowed; }
.workspace-content :is(button,a,input,select):focus-visible { outline:2px solid var(--glass-accent); outline-offset:3px; }
.workspace-notice { padding:14px 16px; border:1px solid var(--glass-line); border-radius:14px; color:var(--glass-muted); margin:16px 0; }
.workspace-error { color:#efa0a0; }
html[data-theme="light"] .workspace-error { color:#9c2731; }
.workspace-list { display:grid; gap:12px; }
.workspace-chart { padding:18px; border:1px solid var(--glass-line); border-radius:20px; background:var(--glass-panel); }
.workspace-chart.is-selected { border-color:var(--glass-accent); }
.workspace-chart-head { display:flex; align-items:center; gap:14px; }
.workspace-code { display:grid; place-items:center; flex:none; width:48px; height:58px; border-radius:13px; background:var(--glass-solid); color:var(--glass-text); font-size:19px; }
.workspace-chart h3 { margin:0 0 3px; }
.workspace-chart p { margin:0; }
.workspace-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.workspace-badge { font-size:11px; line-height:1.3; border:1px solid var(--glass-line); border-radius:20px; padding:5px 8px; color:var(--glass-muted); }
.workspace-badge.is-paid { color:#b4d5be; }
html[data-theme="light"] .workspace-badge.is-paid { color:#386348; }
.workspace-form { display:grid; gap:20px; }
.workspace-form label { display:grid; gap:8px; }
.workspace-form :is(input:not([type="checkbox"]),select) { width:100%; min-width:0; min-height:48px; padding:12px; border:1px solid var(--glass-line); border-radius:12px; background:var(--glass-solid); color:var(--glass-text); font:inherit; font-size:16px; }
.workspace-form input[type="checkbox"] { width:19px; height:19px; flex:none; accent-color:var(--glass-accent); }
.workspace-form label.workspace-check { display:flex; align-items:flex-start; gap:10px; font-size:13px; }
.workspace-form fieldset { margin:0; border:0; padding:0; min-width:0; }
.workspace-form legend { padding:0; margin-bottom:8px; }
.workspace-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.workspace-date { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:8px; }
.workspace-price { display:block; font-size:30px; font-weight:700; margin-bottom:12px; letter-spacing:-.05em; }
.workspace-metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
.workspace-metric { padding:18px; border:1px solid var(--glass-line); border-radius:18px; }
.workspace-metric strong { display:block; font-size:24px; margin-top:8px; }
.workspace-history { list-style:none; padding:0; margin:0; }
.workspace-history li { border-top:1px solid var(--glass-line); padding:14px 0; }
.workspace-history small { display:block; color:var(--glass-muted); }
.workspace-content details { padding:18px 0; border-bottom:1px solid var(--glass-line); }
.workspace-content summary { cursor:pointer; font-weight:600; }
.workspace-content details p { margin:12px 0 0; color:var(--glass-muted); }
.workspace-footer { padding-top:28px; margin-top:28px; border-top:1px solid var(--glass-line); color:var(--glass-muted); font-size:10px; }
.workspace-footer a { color:inherit; }
.workspace-dialog { width:min(100% - 24px,530px); max-height:calc(100dvh - 30px); margin:auto auto 12px; padding:18px 22px 26px; border:1px solid var(--glass-line); border-radius:28px; background:var(--glass-solid); color:var(--glass-text); overflow-y:auto; overscroll-behavior:contain; transform:translateY(var(--sheet-drag-y,0)); transition:transform .18s ease; }
.workspace-dialog::backdrop { background:#0008; backdrop-filter:blur(7px); }
.workspace-dialog.is-sheet-dragging { transition:none; }
.workspace-dialog .workspace-heading { padding-right:32px; margin-top:6px; }
.workspace-dialog .workspace-close { position:absolute; right:15px; top:23px; width:44px; height:44px; border:0; background:none; color:inherit; font-size:26px; cursor:pointer; }
.workspace-dialog .service-sheet-handle { touch-action:none; }
.workspace-kakao { display:block; width:100%; max-width:350px; padding:0; border:0; background:none; margin:20px 0; }
.workspace-kakao img { display:block; width:100%; height:auto; }
.workspace-content [hidden] { display:none!important; }
@media (max-width:359px) { .workspace-dialog { padding:16px; } .workspace-main { padding-left:16px; padding-right:16px; } .workspace-panel { padding:18px; } }
@media (prefers-reduced-motion:reduce) { .workspace-dialog { transition:none; } }