/* Operate-mode refinement of the approved Killynails palette and mobile layout. */
:root{--kn-radius-card:12px;--kn-radius-button:10px}
::selection{background:#c9c1ff;color:#111}input,textarea{caret-color:#6250a4}a{text-underline-offset:3px}
body{box-shadow:none!important}button,input,select,textarea{font-family:var(--kn-font-ui);letter-spacing:normal}button,summary{-webkit-tap-highlight-color:transparent}button{transition:background-color .15s ease,border-color .15s ease}button:disabled{cursor:not-allowed}button:focus-visible,summary:focus-visible{outline:3px solid var(--kn-focus);outline-offset:3px}input[type=checkbox],input[type=radio]{accent-color:var(--kn-focus)}
.preview-bar{padding:12px 16px 10px!important;background:var(--kn-paper);border-bottom:1px solid var(--kn-concrete)!important}.preview-bar>div>strong{font-size:14px!important;letter-spacing:.08em}.preview-bar strong span{display:none}.preview-tabs{padding:4px;background:var(--kn-milk);border-radius:12px;gap:4px!important}.preview-tabs button{border:0!important;min-height:44px!important;border-radius:8px!important;font-size:12px!important;padding:8px!important;color:var(--kn-muted)}.preview-tabs button[aria-pressed=true]{background:var(--kn-lilac);color:var(--kn-ink);font-weight:650}
.page{padding-inline:16px!important}.kn-editorial{letter-spacing:-.025em}.staff-welcome{padding:24px 0 18px;align-items:flex-start}.staff-welcome>.kn-chip{margin-top:6px}.staff-welcome .kn-label{display:none}.staff-welcome h1{font-family:var(--kn-font-ui);font-size:26px;font-weight:650;letter-spacing:-.025em;margin:0 0 8px;line-height:1.2}.staff-welcome p{font-size:13px;line-height:1.5;max-width:38ch}.staff-footer-note{font-size:12px;padding:16px 0;line-height:1.5}
.staff-tabs,.manager-tabs{display:flex;gap:0;padding:0;margin:20px 0;border-bottom:1px solid var(--kn-concrete)}.staff-tabs button,.manager-tabs button{flex:1;min-width:0;min-height:48px;border:0;border-radius:0;background:transparent;color:var(--kn-muted);font-size:12px;padding:10px 4px;line-height:1.4;position:relative}.staff-tabs button[aria-selected=true],.manager-tabs button[aria-selected=true]{background:transparent;color:var(--kn-ink);font-weight:650;border:0;box-shadow:inset 0 -3px var(--kn-focus)}
.commission-hero{padding:20px;border-radius:12px}.commission-heading{font-size:13px}.commission-value{font-size:38px;letter-spacing:-.03em;margin:12px 0 4px}.commission-split{margin-top:16px;padding-top:14px;gap:12px}.commission-split small{font-size:12px}.commission-split strong{font-size:20px}.commission-note-fold{margin-top:14px;color:#e8e4dc;font-size:12px}.commission-note-fold summary{min-height:32px;cursor:pointer}.commission-hero .commission-note{font-size:12px;margin:6px 0;line-height:1.5}
.staff-section-title{margin:24px 0 12px}.staff-section-title h2{font-size:19px;font-weight:650}.staff-section-title>span{font-size:12px}.staff-appointment{padding:16px;border-radius:12px;margin:12px 0}.staff-appointment h3{font-size:16px;line-height:1.4;margin:12px 0 8px;font-weight:650}.staff-appointment p{font-size:13px;line-height:1.55}.staff-appt-head{align-items:flex-start}.staff-appt-head strong{overflow-wrap:anywhere;font-size:11px;color:var(--kn-muted);font-weight:500}.staff-appt-note{background:transparent;padding:12px 0;border-radius:0;border-top:1px solid var(--kn-concrete);font-size:12px}.staff-appointment button{font-size:13px}.client-notes-dropdown{border:0!important;border-top:1px solid var(--kn-concrete)!important;border-radius:0!important;padding:10px 0!important;margin:12px 0!important}.client-notes-dropdown summary{min-height:32px;align-content:center;font-size:13px!important}.client-notes-dropdown p{font-size:13px!important}
.field{font-size:13px;font-weight:600;gap:8px;margin:18px 0}.field input,.field select,.field textarea{font-size:16px;font-weight:400;min-height:48px;border:1px solid #a39c92;border-radius:10px;padding:12px;background:var(--kn-paper);width:100%;min-width:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--kn-focus)}.field input[type=file]{font-size:13px;padding:10px;line-height:1.5}.field textarea{resize:vertical;min-height:88px}.phone-input-group select{width:104px;flex-basis:104px}.phone-input-group input{width:0}.kn-button{font-size:14px;min-height:48px;font-weight:600}.kn-button.secondary{border-color:#b7b0a5}.kn-button:hover:not(:disabled){background:#292622;color:var(--kn-paper)}.kn-button.secondary:hover:not(:disabled){background:#eeebe5;color:var(--kn-ink)}.link-button{font-size:13px;color:var(--kn-muted)}
.phone{border:0!important;border-radius:0!important;background:var(--kn-paper)}.phone-header{padding:12px 4px!important;border-bottom:1px solid var(--kn-concrete);min-height:52px}.phone-body,.phone-body:has(#step-2:not([hidden])){padding:22px 4px 16px!important}.phone h2{font-size:30px;line-height:1.15;margin-bottom:12px;letter-spacing:-.025em}.phone p{font-size:14px;line-height:1.55}.phone p.tiny,.tiny{font-size:12px;line-height:1.5}.progress{font-size:11px;letter-spacing:.08em;margin-bottom:16px}.phone-footer{padding:14px 4px max(12px,env(safe-area-inset-bottom))!important;box-shadow:none;border-top:1px solid var(--kn-concrete);gap:8px}.phone-footer .kn-button{font-size:14px;min-height:48px}.phone-footer .summaryline{font-size:13px}.summaryline strong{max-width:46%;text-align:right;white-space:normal;overflow-wrap:anywhere}.phone-footer #checkout-guidance{font-size:12px}.service-filters,.menu-tabs{gap:6px;padding-block:4px 12px}.service-filters button,.menu-tabs button{font-size:12px!important;min-height:44px!important;padding:8px 12px!important;border-radius:8px}.compact-choice{border-radius:10px}.compact-choice .menu-card strong{font-size:13px;line-height:16px}.compact-choice .menu-card .option-includes{font-size:11px;line-height:13px}.compact-choice .menu-card .price{font-size:12px;line-height:15px}.compact-choice .choice-description>summary{font-size:11px}.choice-description>div{font-size:13px}.addon-choice{border-radius:10px}.addon-choice>summary{min-height:56px}.addon-choice>summary strong{font-size:14px}.addon-choice>summary .addon-summary-price{font-size:13px}.calendar-weekday{font-size:11px}.calendar-day{font-size:14px;min-height:44px}.slot{min-height:48px;font-size:14px}.consent{font-size:13px;line-height:1.6}.design-time-policy,.phone .design-time-policy p{font-size:12px}.review-box{padding:16px;border-radius:12px}.review-box div{font-size:14px;gap:12px}.review-box div>*{overflow-wrap:anywhere;min-width:0}
.manager-panel>h2{font-size:19px;font-weight:650;margin:24px 0 12px}.manager-panel>p{font-size:13px;line-height:1.55;color:var(--kn-muted)}.workspace-fold{margin:0!important;border:0!important;border-bottom:1px solid var(--kn-concrete)!important;border-radius:0!important;padding:0!important;background:transparent}.workspace-fold>summary{display:flex;align-items:center;min-height:58px!important;padding:12px 0;gap:12px;font-size:14px!important;font-weight:600;list-style:none;cursor:pointer}.workspace-fold>summary::-webkit-details-marker{display:none}.workspace-fold>summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;flex-shrink:0;transition:transform .15s}.workspace-fold[open]>summary::after{transform:rotate(225deg)}.workspace-fold>div,.workspace-fold>form{padding-bottom:14px}.workspace-fold p{font-size:13px;line-height:1.55}.manager-panel #manager-operations>h2{font-size:19px;margin:8px 0 12px}.manager-panel #manager-operations>p{font-size:12px;color:var(--kn-muted);line-height:1.5}.manager-panel #manager-operations>.workspace-fold{border:0!important;border-bottom:1px solid var(--kn-concrete)!important;padding:0!important;border-radius:0!important}.manager-panel #manager-operations .staff-appointment{border:0;border-radius:0;padding:12px 0;margin:0;border-top:1px solid var(--kn-concrete)}.manager-panel #manager-operations summary{font-size:14px}.manager-panel #manager-operations button{font-size:13px;min-height:44px}.manager-panel #manager-request{margin-top:0;border:0;border-radius:0;padding:12px 0}.manager-panel #manager-client{font-family:var(--kn-font-ui);font-size:22px;font-weight:650;line-height:1.3}.manager-panel .staff-footer-note{border-top:1px solid var(--kn-concrete);margin-top:20px}.manager-panel .field{margin:16px 0}.manager-tabs{margin-top:0}.manager-panel #manager-empty{border:0;background:transparent;padding:12px 0}.manager-panel #manager-empty h3{font-size:18px}.manager-panel #manager-empty p{font-size:14px}
.staff-global-actions{border:0!important;border-top:1px solid var(--kn-concrete)!important;padding:12px 0!important}.staff-global-actions>summary{font-size:15px;font-weight:600;min-height:44px;align-content:center}.staff-global-actions .staff-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.staff-actions button{text-align:left;font-size:13px!important}.staff-requests-fold>summary{min-height:52px}.chat-message.outgoing{color:var(--kn-paper)}
@media(max-width:360px){.page{padding-inline:12px!important}.phone h2{font-size:27px}.preview-tabs button{font-size:11px!important}.staff-tabs button,.manager-tabs button{font-size:11px}.commission-value{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.contact-help{margin-top:12px!important}.contact-help>summary{font-size:12px!important;min-height:44px!important}.contact-help p{font-size:12px!important}.staff-global-actions>section>div{margin-top:8px!important}.staff-global-actions .workspace-fold{margin-top:12px!important}.staff-global-actions .staff-actions{margin-bottom:10px}.app{font-family:var(--kn-font-ui);border-radius:0!important;padding:20px!important;max-width:440px!important;margin:0 auto!important;background:var(--kn-milk)!important}.app h1{font-family:var(--kn-font-editorial);font-size:30px;font-weight:400;letter-spacing:-.025em}.app .card{border-radius:12px;padding:16px;background:var(--kn-paper);margin:16px 0}.app button{min-height:48px;border-radius:10px;font-size:14px}.app input,.app select,.app textarea{min-height:48px;border-radius:10px;font-size:16px}.app p{font-size:14px;line-height:1.55}.app small{font-size:12px;line-height:1.5}.app .row{gap:12px;font-size:14px}.app .row>*{min-width:0;overflow-wrap:anywhere}.app .status{font-size:14px}.app .badge{font-size:12px}