:root { --ink:#242625; --muted:#707772; --line:#dce0dc; --surface:#f4f5f2; --paper:#fff; --orange:#e66c2f; --orange-dark:#b64c19; --green:#39745b; --red:#b44735; --sidebar:#252926; }
* { box-sizing:border-box; }
body { margin:0; background:var(--surface); color:var(--ink); font:14px/1.65 "Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif; letter-spacing:0; }
a { color:inherit; text-decoration:none; overflow-wrap:anywhere; }a:hover { color:var(--orange-dark); }button,input,select,textarea { font:inherit; }button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #e79f76; outline-offset:3px; }[hidden] { display:none !important; }
h1,h2,h3,p { margin:0; }h1 { font-size:28px; line-height:1.5; overflow-wrap:anywhere; }h2 { font-size:18px; }h3 { font-size:16px; }small { font-size:11px; }.muted { color:var(--muted); }.small { font-size:11px; }.required { color:var(--orange-dark); font-size:11px; font-weight:normal; }
.sidebar { position:fixed; inset:0 auto 0 0; width:224px; background:var(--sidebar); color:#e7ebe5; display:flex; flex-direction:column; padding:30px 18px 22px; z-index:30; }
.brand { display:flex; align-items:center; gap:10px; color:white; font:700 23px Georgia,"Yu Mincho",serif; white-space:nowrap; }.brand small { display:block; font:10px/1.6 "Yu Gothic",sans-serif; color:#a7b3a9; margin-top:5px; }.brand img { flex-shrink:0; }
.sidebar nav { display:flex; flex-direction:column; gap:6px; margin-top:42px; }.sidebar nav a { display:flex; gap:13px; align-items:center; padding:12px 14px; color:#bfc7bf; border-radius:4px; font-size:13px; }.sidebar nav a:hover { background:#333a34; color:white; }.sidebar nav a[aria-current] { color:white; background:#3b433b; border-left:3px solid var(--orange); padding-left:11px; }.nav-mark { font:11px Georgia,serif; width:15px; text-align:center; color:#9ea99f; }.sidebar nav a[aria-current] .nav-mark { color:#efad83; }
.sidebar-bottom { margin-top:auto; border-top:1px solid #414840; padding:20px 12px 0; display:flex; flex-direction:column; gap:5px; overflow-wrap:anywhere; }.sidebar-bottom strong { font-size:12px; }.sidebar-bottom span { color:#a7b3a9; font-size:11px; }.sidebar-bottom button { align-self:start; border:0; padding:6px 0; background:none; color:#bfc7bf; cursor:pointer; font-size:11px; }
.workspace { margin-left:224px; min-width:0; }.topbar { height:76px; border-bottom:1px solid var(--line); background:var(--paper); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 36px; }.breadcrumb { font-size:12px; color:var(--muted); }.breadcrumb span { margin:0 12px; color:#b0b6b0; }.top-actions { display:flex; gap:10px; }.menu-button { display:none; }.workspace main { padding:30px 36px 48px; max-width:1440px; min-height:calc(100vh - 140px); margin:auto; }.app-footer { display:flex; justify-content:space-between; gap:12px; margin:0 36px; padding:18px 0; border-top:1px solid var(--line); font-size:10px; color:var(--muted); }
.page-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }.eyebrow { font:10px/1.6 Georgia,serif; color:var(--muted); margin-bottom:8px; }.heading-note { color:var(--muted); font-size:12px; margin-top:8px; }.heading-note strong { color:var(--orange-dark); font-weight:700; }.heading-note span { margin-left:14px; }.heading-count { font-size:13px; color:var(--muted); font-weight:normal; margin-left:10px; }
.button { min-height:38px; display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px solid transparent; border-radius:4px; padding:8px 13px; font-size:12px; line-height:1.5; font-weight:700; cursor:pointer; background:white; color:var(--ink); text-align:center; }.button:disabled { opacity:.45; cursor:not-allowed; }.primary { color:white; background:var(--orange); }.primary:hover { color:white; background:#ce5a21; }.secondary { border-color:#cdd4cd; background:white; }.secondary:hover,.subtle:hover { background:#eff2ed; }.subtle { background:transparent; border-color:var(--line); color:var(--muted); }.danger { background:white; color:var(--red); border-color:#d8b9b1; }.full-width { width:100%; }
.metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); background:var(--paper); border-block:1px solid var(--line); margin-bottom:34px; }.metrics >div { padding:22px 20px; border-right:1px solid var(--line); }.metrics >div:last-child { border-right:0; }.metrics >div >span { font-size:11px; color:var(--muted); }.metrics strong { display:block; font:40px/1.3 Georgia,serif; margin-top:10px; }.metrics small { font:11px "Yu Gothic",sans-serif; margin-left:7px; color:var(--muted); }.metrics .metric-alert strong { color:var(--orange-dark); }
.work-section { margin:34px 0; }.section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }.section-heading a { color:var(--muted); font-size:11px; }.section-heading .muted { font-size:11px; }
.urgent-list { border-top:1px solid var(--line); }.urgent-item { display:grid; grid-template-columns:138px minmax(145px,1fr) minmax(180px,2fr) 20px; align-items:center; gap:20px; padding:20px 16px; border-bottom:1px solid var(--line); background:white; }.urgent-item:hover { background:#fcfaf5; color:inherit; }.urgent-clock { border-right:1px solid var(--line); }.urgent-clock strong { display:block; font:25px/1.4 Georgia,"Yu Mincho",serif; margin-top:5px; }.timer-label { font-size:10px; color:var(--muted); }.timer-label b,.timer-badge b { display:inline-grid; place-items:center; width:15px; height:15px; border-radius:2px; background:currentColor; position:relative; font:700 11px Georgia,serif; color:white; background:#828b7f; margin-right:4px; }.level-urgent .urgent-clock strong,.level-urgent .timer-label { color:var(--red); }.level-urgent .timer-label b { background:var(--red); }.level-caution .urgent-clock strong { color:#a66d23; }.urgent-person h3 { margin:5px 0 3px; }.urgent-person h3 small { font-size:11px; font-weight:normal; }.urgent-person p { color:var(--muted); font-size:12px; }.source-label { display:inline-block; color:#687568; font-size:10px; font-weight:700; }.urgent-message p { font-size:12px; margin-bottom:7px; }.urgent-message span { font-size:10px; color:var(--muted); }.row-arrow { color:var(--muted); text-align:center; font-size:18px; }.empty-state { padding:38px 20px; text-align:center; color:var(--muted); background:#fbfcf9; }.empty-state p { font-size:12px; margin-top:8px; }.empty-compact { padding:18px 12px; color:var(--muted); font-size:12px; }
.agenda { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }.agenda li { display:flex; align-items:center; gap:24px; min-height:70px; padding:16px 12px; border-bottom:1px solid var(--line); }.agenda-time { width:110px; flex-shrink:0; font-size:11px; color:var(--muted); }.agenda a { flex:1; display:flex; align-items:center; gap:16px; }.agenda a >span:last-child { font-size:12px; color:var(--muted); }.agenda small { color:var(--muted); }
.task-tag { font-size:10px; display:inline-block; font-weight:700; padding:3px 7px; border-radius:3px; background:#e9eee7; color:var(--green); white-space:nowrap; }.tag-reply { background:#fff0e5; color:#ab4d21; }.tag-overdue { background:#fae9e3; color:var(--red); }.tag-waiting { background:#edf0ec; color:var(--muted); }.task-section { margin:28px 0; }.task-list { border-top:1px solid var(--line); }.task-row { display:flex; align-items:center; gap:18px; border-bottom:1px solid var(--line); padding:18px 14px; background:white; }.task-row>a:not(.row-arrow) { display:flex; flex-direction:column; min-width:160px; }.task-row>a span { color:var(--muted); font-size:11px; }.task-detail { flex:1; font-size:12px; }.task-detail small { display:block; color:var(--muted); }.task-row>.muted { font-size:11px; white-space:nowrap; }
.filter-bar { display:flex; align-items:end; gap:10px; flex-wrap:wrap; margin-bottom:20px; }.filter-bar input[type=search] { flex:1; min-width:220px; }.filter-bar select { width:150px; }.filter-bar label { font-size:11px; margin:0; }
input,select,textarea { width:100%; min-height:40px; border:1px solid #cfd5ce; border-radius:4px; background:white; padding:9px 11px; color:var(--ink); font-size:12px; }input::placeholder,textarea::placeholder { color:#91978f; }textarea { resize:vertical; min-height:90px; }label { display:block; font-size:11px; font-weight:700; margin:15px 0 6px; }form>label:first-child { margin-top:0; }.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.table-wrap { overflow:auto; background:white; border:1px solid var(--line); border-radius:4px; position:relative; }table { border-collapse:collapse; width:100%; text-align:left; white-space:nowrap; }th { padding:13px 14px; background:#f0f2ed; font-size:10px; font-weight:normal; color:var(--muted); }td { padding:17px 14px; border-top:1px solid #e5e8e2; font-size:12px; }td small { display:block; font-size:10px; color:var(--muted); margin-top:4px; }.person-link { font-weight:700; }.inquiry-preview { min-width:190px; max-width:280px; white-space:normal; font-size:11px; line-height:1.6; }.connector-label { font-size:9px; }.status { display:inline-block; border-radius:3px; background:#eef1eb; color:#6b7669; padding:4px 7px; font-size:10px; font-weight:700; white-space:nowrap; }.status-NEW { background:#fff0e5; color:#a94d23; }.status-VISIT_BOOKED,.status-WON { background:#e7f0e7; color:var(--green); }.status-LOST { background:#eee; color:#777; }.status-FOLLOW_UP { background:#f9f0dc; color:#916621; }.timer-badge { display:inline-flex; align-items:center; padding:4px 6px; font-size:10px; border-radius:3px; background:#edf0e9; white-space:nowrap; }.timer-badge.level-urgent { background:#fae9e3; color:var(--red); }.timer-badge.level-urgent b { background:var(--red); }.timer-badge.level-caution { background:#fff3df; color:#976620; }.responded { font-size:10px; color:var(--green); }
.back-link { display:inline-block; font-size:11px; color:var(--muted); margin-bottom:18px; }.customer-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:26px; border-bottom:1px solid var(--line); margin-bottom:30px; }.customer-heading h1 small { font-size:16px; font-weight:normal; }.customer-contacts { display:flex; flex-wrap:wrap; gap:18px; margin-top:8px; font-size:12px; color:var(--muted); }.customer-meta { display:flex; flex-wrap:wrap; gap:15px; font-size:12px; margin-top:14px; }.customer-meta>span { color:var(--muted); }.customer-state { display:flex; flex-direction:column; align-items:end; gap:10px; }
.add-customer-inquiry { margin-bottom:18px; margin-left:14px; }
.customer-layout { display:grid; grid-template-columns:minmax(0,1fr) 282px; gap:34px; }.customer-main,.customer-aside { min-width:0; }.detail-section { margin-bottom:32px; border-bottom:1px solid var(--line); padding-bottom:28px; }.detail-section h3 { font-size:13px; margin:12px 0; }.message-text { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.9; margin-top:14px; }.inquiry-history { padding-left:20px; font-size:11px; }.detail-section details { margin-top:18px; }summary { cursor:pointer; font-size:11px; color:var(--muted); }.analysis-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:0; }.analysis-grid dt { font-size:10px; color:var(--muted); }.analysis-grid dd { margin:4px 0 0; font-size:13px; overflow-wrap:anywhere; }.summary { margin:22px 0 14px; padding:16px 18px; border-left:2px solid #8ea28e; background:#edf1e9; }.summary p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; margin-top:6px; }
.reply-tool { padding:22px; border:1px solid var(--line); border-radius:4px; background:white; }.template-picker { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px; }.template-picker label { margin:0; color:var(--muted); font-weight:normal; }.template-picker select { width:155px; }.reply-recipient { font-size:11px; color:var(--muted); overflow-wrap:anywhere; }.reply-actions { display:flex; gap:10px; margin:16px 0; flex-wrap:wrap; }.reply-tool>p { margin-top:12px; }
.aside-section { padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid var(--line); }.aside-section h2 { font-size:15px; margin-bottom:18px; }.aside-section .button { margin-top:16px; }.quick-days { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:16px 0; }.quick-days button { min-height:36px; background:white; border:1px solid var(--line); border-radius:3px; padding:5px; font-size:11px; cursor:pointer; }.current-followup { padding:12px 14px; background:#fff0e4; border-left:2px solid var(--orange); }.current-followup p { font-size:11px; margin-top:5px; }.activity-timeline { list-style:none; padding:0; margin:0; }.activity-timeline li { display:flex; gap:18px; padding:0 0 24px; position:relative; }.timeline-dot { width:8px; height:8px; border-radius:50%; background:#919e8d; margin-top:6px; flex-shrink:0; }.activity-timeline li:not(:last-child)::before { content:""; position:absolute; top:15px; left:3px; width:1px; bottom:0; background:var(--line); }.activity-timeline strong { font-size:12px; }.activity-timeline p { font-size:11px; color:var(--muted); margin:3px 0; }.activity-timeline small { color:var(--muted); }
.duplicate-notice { border-left:3px solid #b68227; padding:14px 18px; background:#fff6e4; margin:0 0 28px; font-size:12px; }.duplicate-notice p { color:var(--muted); font-size:11px; margin:5px 0; }.duplicate-notice>div { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:10px; }.duplicate-notice>div>span { color:var(--muted); font-size:10px; }
.loss-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border-top:1px solid var(--line); }.loss-list li { padding:16px; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); font-size:12px; }.loss-list small { font-size:10px; margin-left:4px; color:var(--muted); }progress { width:180px; height:8px; accent-color:var(--orange); }.settings-layout { display:grid; grid-template-columns:1fr 1fr; gap:36px; }.settings-layout .detail-section h2 { margin-bottom:20px; }.settings-layout .detail-section:nth-child(3) { grid-column:1/-1; }.staff-list { list-style:none; padding:0; margin:0 0 24px; }.staff-list li { display:flex; align-items:center; gap:18px; padding:12px 0; border-bottom:1px solid var(--line); font-size:12px; }.staff-list span { color:var(--muted); font-size:11px; }.staff-list span:last-child { margin-left:auto; }.settings-layout form>.button { margin-top:18px; }
dialog { width:min(560px,calc(100% - 28px)); border:1px solid var(--line); border-radius:6px; padding:26px; max-height:92vh; overflow:auto; }dialog::backdrop { background:#20242070; }.dialog-heading { display:flex; align-items:center; justify-content:space-between; }.close-dialog { border:0; background:none; color:var(--muted); font-size:25px; width:32px; height:32px; cursor:pointer; }dialog .full-width { margin-top:20px; }.form-error { margin-top:12px; color:var(--red); font-size:11px; }#feedback { position:fixed; bottom:20px; right:24px; left:248px; z-index:60; max-width:650px; margin-left:auto; color:white; background:#292e29; border-radius:4px; box-shadow:0 3px 15px #0002; padding:14px 18px; display:none; font-size:12px; overflow-wrap:anywhere; }#feedback:not(:empty) { display:block; }
.login-page { background:#edf0e9; }.login-layout { max-width:410px; margin:70px auto 0; padding:0 20px; }.login-brand { text-align:center; margin-bottom:28px; }.login-brand img { margin-bottom:8px; }.login-brand h1 { font:700 35px/1.5 Georgia,serif; }.login-brand p { font-size:12px; color:var(--muted); }.login-form-panel { background:white; border:1px solid var(--line); border-radius:5px; padding:28px; }.login-form-panel h2 { font-size:16px; margin-bottom:22px; }.login-form-panel .button { margin-top:22px; }.login-caption { text-align:center; color:var(--muted); font-size:10px; margin-top:22px; }.sr-only { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:1100px) { .sidebar { width:200px; padding-inline:14px; }.workspace { margin-left:200px; }.topbar { padding-inline:24px; }.workspace main { padding-inline:24px; }.brand { font-size:21px; }.metrics>div { padding:18px 13px; }.metrics>div>span { font-size:10px; }.metrics strong { font-size:34px; }.urgent-item { grid-template-columns:110px minmax(140px,1fr) minmax(180px,1.6fr) 16px; gap:14px; }.customer-layout { grid-template-columns:minmax(0,1fr) 250px; gap:26px; } }
@media(max-width:800px) { .sidebar { transform:translateX(-100%); width:224px; transition:transform .15s; }.sidebar.open { transform:translateX(0); }.workspace { margin-left:0; }.menu-button { display:inline-grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:3px; background:white; font-size:18px; cursor:pointer; }.breadcrumb { margin-right:auto; }.topbar { height:66px; padding-inline:20px; }.metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }.metrics>div { border-bottom:1px solid var(--line); }.customer-layout { grid-template-columns:1fr; }.customer-aside { display:grid; grid-template-columns:1fr 1fr; gap:24px; }.customer-aside .aside-section { min-width:0; }.settings-layout { gap:24px; }#feedback { left:20px; } }
@media(max-width:600px) { .workspace main { padding:24px 16px 36px; }.topbar { padding-inline:16px; gap:10px; }.top-actions { gap:6px; }.top-actions .button { padding:8px; font-size:10px; }.top-actions .subtle { display:none; }.breadcrumb { font-size:10px; }.breadcrumb span { margin:0 7px; }h1 { font-size:23px; }.page-heading { flex-direction:column; align-items:start; gap:16px; }.heading-note span { display:block; margin-left:0; margin-top:4px; }.metrics { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:26px; }.metrics>div { padding:16px; }.metrics strong { font-size:34px; }.metrics>div>span { font-size:10px; }.urgent-item { grid-template-columns:90px minmax(0,1fr) 15px; gap:14px; padding:16px 12px; }.urgent-message { grid-column:2/3; }.urgent-clock { grid-row:1/3; height:100%; display:flex; flex-direction:column; justify-content:center; }.urgent-clock strong { font-size:22px; }.urgent-item .row-arrow { grid-column:3; grid-row:1/3; }.urgent-person h3 { font-size:14px; }.urgent-message p { font-size:11px; }.urgent-message span { font-size:9px; }.section-heading h2 { font-size:16px; }.section-heading a { font-size:10px; }.agenda li { flex-wrap:wrap; gap:8px 16px; }.agenda-time { width:92px; }.agenda a { display:grid; grid-template-columns:auto 1fr; gap:5px 12px; min-width:0; }.agenda a>span:last-child { grid-column:2; }.agenda small { margin-left:108px; }.task-row { flex-wrap:wrap; gap:10px 14px; }.task-row>a:not(.row-arrow) { flex:1; min-width:170px; }.task-detail { flex-basis:100%; order:3; }.task-row>.button { order:4; }.task-row>.muted { font-size:10px; }.filter-bar input[type=search] { flex-basis:100%; min-width:0; }.filter-bar select { flex:1; min-width:120px; }.customer-heading { align-items:start; flex-direction:column; gap:18px; }.customer-heading h1 { font-size:24px; }.customer-state { align-items:start; flex-direction:row; }.customer-aside { display:flex; flex-direction:column; gap:0; }.customer-meta { gap:10px; }.customer-contacts { gap:8px 16px; }.customer-layout { gap:16px; }.reply-tool { padding:18px; }.field-grid,.settings-layout { grid-template-columns:1fr; }.settings-layout .detail-section:nth-child(3) { grid-column:auto; }.analysis-grid { gap:18px; }.template-picker select { width:auto; flex:1; }.reply-actions .button { flex:1; }.loss-list { grid-template-columns:1fr 1fr; }dialog { padding:22px; }.login-layout { margin-top:45px; }#feedback { left:16px; right:16px; bottom:14px; }.app-footer { margin-inline:16px; } }
@media(prefers-reduced-motion:reduce) { .sidebar { transition:none; } }
.greeting-person { display:inline-block; margin-left:14px; font-size:16px; color:var(--muted); font-weight:normal; }
.public-page { background:var(--surface); }
.public-header { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:80px; padding:16px 40px; border-bottom:1px solid var(--line); background:white; }
.public-brand { display:flex; gap:10px; align-items:center; font:700 26px Georgia,serif; }
.public-header nav { display:flex; gap:20px; align-items:center; font-size:12px; }
.public-main { max-width:1200px; margin:auto; min-height:calc(100vh - 160px); padding:42px 32px 64px; }
.public-footer { display:flex; justify-content:space-between; gap:20px; max-width:1200px; margin:auto; padding:24px 32px; border-top:1px solid var(--line); font-size:11px; color:var(--muted); }
.product-intro { padding-top:12px; text-align:center; }
.product-intro h1 { font:700 64px/1.15 Georgia,serif; }
.product-concept { font-size:26px; font-weight:700; margin:16px 0 8px; }
.product-category { color:var(--muted); margin-bottom:22px; }
.product-intro>.button { padding:12px 24px; }
.product-visual { margin:36px auto 0; max-height:360px; overflow:hidden; border-top:1px solid var(--line); }
.product-visual img { width:100%; height:auto; display:block; }
.product-values { border-top:1px solid var(--line); padding:36px 0; }
.product-values ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; padding:0; margin:24px 0 0; gap:22px; }
.product-values li { border-left:2px solid var(--orange); padding-left:12px; font-size:13px; }
.auth-sheet { max-width:620px; margin:0 auto; padding:12px 0 30px; }
.auth-sheet h1 { font-size:26px; margin-bottom:22px; }
.auth-sheet h2 { margin-bottom:20px; }
.auth-sheet form>.button { margin-top:24px; }
.auth-sheet>.small { margin-top:20px; }
.auth-links { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; font-size:12px; margin-top:24px; }
.signup-closed { padding:20px 0; color:var(--muted); }
.mode-notice { margin-top:18px; padding:12px 14px; border-left:3px solid #b78022; background:#fff6e4; font-size:12px; }
.setup-heading { margin-bottom:28px; }
.setup-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:48px; }
.setup-progress { list-style:none; padding:0; margin:0; counter-reset:step; align-self:start; position:sticky; top:24px; }
.setup-progress li { counter-increment:step; display:flex; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:12px; }
.setup-progress li::before { content:counter(step,decimal-leading-zero); font:16px Georgia,serif; color:#99a099; }
.setup-progress .complete { color:var(--green); }.setup-progress .current { color:var(--orange-dark); font-weight:700; }
.setup-section { border-top:1px solid var(--line); padding:26px 0 36px; }
.setup-section h2 { margin:4px 0 24px; }.setup-section>.button { margin-top:16px; }
.step-number { font:18px Georgia,serif; color:var(--orange-dark); }
.setup-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.settings-bands { max-width:950px; }.settings-band { padding:26px 0 36px; border-top:1px solid var(--line); }.settings-band h2 { margin-bottom:24px; }
.media-options { border:0; padding:0; margin:20px 0; display:flex; flex-wrap:wrap; gap:14px 20px; }
.media-options legend { font-size:12px; font-weight:700; margin-bottom:10px; }
.media-options label,.staff-toggle { display:flex; align-items:center; gap:8px; margin:0; }
input[type=checkbox] { width:18px; min-height:18px; height:18px; accent-color:var(--orange); flex-shrink:0; }
.store-logo-preview { display:block; width:150px; height:70px; object-fit:contain; margin-top:12px; }
.staff-rows,.connection-rows { list-style:none; margin:26px 0 0; padding:0; }
.staff-rows li,.connection-rows li { display:flex; align-items:center; gap:16px; padding:16px 0; border-top:1px solid var(--line); }
.staff-rows li>div,.connection-rows li>div { flex:1; min-width:0; }.staff-rows small,.connection-rows small { display:block; color:var(--muted); overflow-wrap:anywhere; }
.staff-rows select { width:110px; }.staff-rows strong,.connection-rows strong { overflow-wrap:anywhere; }
.connection-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.connection-heading h3 { font-size:16px; }.settings-band form>.button,.setup-section form>.button { margin-top:22px; }
.owner-capacity { color:var(--muted); }.owner-capacity strong { font:38px Georgia,serif; color:var(--orange-dark); margin:0 10px; }
.platform-blocker { margin:0 0 24px; padding:18px 20px; border-left:4px solid var(--red); background:#fae9e3; color:#762f24; }.platform-blocker strong { font-size:15px; }.platform-blocker p { margin-top:6px; font-size:12px; }
.owner-tools { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin-bottom:32px; }.owner-tools label { display:flex; gap:10px; align-items:center; margin:0; }
.owner-row { display:grid; grid-template-columns:minmax(150px,1fr) 150px minmax(500px,3fr); gap:24px; align-items:center; padding:22px 0; border-top:1px solid var(--line); }
.owner-row small { display:block; color:var(--muted); }.owner-row dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:0; }.owner-row dt { font-size:10px; color:var(--muted); }.owner-row dd { margin:8px 0 0; font-size:13px; }
.next-action { border-left:2px solid var(--orange); padding:12px 16px; margin:18px 0; background:#fff2e9; }.next-action p { margin:6px 0; }.next-action small { color:var(--muted); }
@media(max-width:800px) { .setup-layout { grid-template-columns:1fr; gap:24px; }.setup-progress { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }.owner-row { grid-template-columns:1fr auto; }.owner-row dl { grid-column:1/-1; }.public-header { padding-inline:24px; } }
@media(max-width:600px) { .public-header { min-height:70px; padding:14px 16px; gap:12px; }.public-brand { font-size:23px; }.public-header nav { gap:10px; font-size:11px; }.public-main { padding:28px 16px 40px; }.public-footer { padding:20px 16px; flex-direction:column; gap:8px; }.product-intro h1 { font-size:46px; }.product-concept { font-size:20px; }.product-category { font-size:12px; }.product-visual { margin-top:28px; }.product-values ul { grid-template-columns:1fr; gap:16px; }.auth-sheet h1 { font-size:23px; }.field-grid { grid-template-columns:1fr; gap:0; }.button,input,select { min-height:44px; }.button { font-size:12px; }.quick-days button { min-height:44px; }.menu-button { width:44px; height:44px; }.sidebar nav a { min-height:48px; }.sidebar-bottom button { min-height:44px; }.public-page #feedback { left:16px; right:16px; }.staff-rows li { flex-wrap:wrap; gap:12px; }.staff-rows li>div { flex-basis:100%; }.staff-toggle { min-height:44px; }.connection-rows li { flex-wrap:wrap; }.connection-rows li>div { flex-basis:100%; }.owner-row dl { grid-template-columns:repeat(2,minmax(0,1fr)); }.owner-row { gap:12px; }.owner-row>div { min-width:0; overflow-wrap:anywhere; }.setup-progress li { font-size:11px; }.template-picker select { flex:1; min-width:0; }.close-dialog { width:44px; height:44px; } }
@media(max-width:600px) { .greeting-person { display:block; margin-left:0; margin-top:4px; font-size:13px; }.agenda li { display:grid; grid-template-columns:92px minmax(0,1fr); gap:8px 16px; }.agenda a { grid-template-columns:auto minmax(0,1fr); width:100%; min-width:0; }.agenda small { grid-column:2; margin-left:0; }.agenda a strong { font-size:12px; }.urgent-clock strong { font-size:18px; } }
.billing-highlight { margin:0 0 20px; padding:16px 20px; border-left:4px solid var(--green); background:#eef5ef; }.billing-highlight p { margin:4px 0; font-size:15px; font-weight:700; }
.billing-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; margin:0 0 20px; }.billing-summary div { min-width:0; border-bottom:1px solid var(--line); padding:8px 0; }.billing-summary dt { font-size:12px; color:var(--muted); }.billing-summary dd { margin:4px 0 0; overflow-wrap:anywhere; }
.billing-actions { display:flex; flex-wrap:wrap; gap:12px; margin:16px 0; }.internal-badge { margin-left:8px; background:#fdf1d8; color:#7a4b00; }.optional-fields { margin:12px 0; }.optional-fields summary { cursor:pointer; font-weight:700; margin-bottom:8px; }
@media(max-width:600px) { .billing-summary { grid-template-columns:1fr; }.billing-actions .button { width:100%; } }