/* C02 detail layer: shared real administrator/requester/support room markup.
 * Colors inherit the final approved blue, not the earlier concept palette. */
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .tcw-room-layout{gap:30px}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message-thread{gap:12px}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message{padding:14px 18px!important;border-radius:3px!important;position:relative}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .tcw-message-unread{outline:0!important;box-shadow:none!important}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message>header{position:relative;min-height:40px;padding:1px 0 1px 56px;margin:0 0 6px;align-items:center;gap:5px 18px;justify-content:flex-start;box-sizing:border-box}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message>header .tcw-room-avatar{position:absolute;left:0;top:0}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message>header>b{font-size:13px;font-weight:600!important;color:var(--tb-ink)}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message>header>time{font-size:12px;color:var(--tb-muted);margin:0}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message>p{margin:0 0 0 56px!important;font-size:14px!important;line-height:1.85!important}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message>:is(.tcw-attachment-list,.tcw-design-directions,.tvci-transcript-notice,.tb-room-voice,.tcw-reply-mail-status){margin-left:56px!important}
body:is(.takumi-blue,.takumi-blue-admin) .srp-message>.tcw-reply-mail-status{display:block;font-size:11px;line-height:1.7;margin-top:12px;color:var(--tb-muted)}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message-client{background:#edf4ff!important;border:1px solid transparent!important}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-avatar{border:0!important;box-shadow:none!important;text-decoration:none!important;color:#fff!important;background:#64748b!important;border-radius:50%!important}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-avatar img{border-radius:50%!important}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-avatar--admin{color:var(--tb-brand)!important;background:var(--tb-tint)!important;font-family:Georgia,serif!important}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-avatar>span{color:inherit!important}
body:is(.takumi-blue,.takumi-blue-admin) a.tcw-room-avatar:hover{box-shadow:0 0 0 3px #1949df1a!important}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-list{display:grid;gap:10px;margin-top:14px;padding:0}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;padding:8px 14px;background:#fff;border:1px solid var(--tb-line);border-radius:4px!important;box-shadow:none;min-width:0}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-item .tcw-attachment-preview{width:38px;min-height:38px;height:38px;border:1px solid var(--tb-line);border-radius:3px;background:var(--tb-surface);overflow:hidden}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-preview img{width:38px;height:38px;object-fit:cover;display:block}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-preview>span{font-size:0;padding:0;min-height:0;position:absolute}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-file-icon{width:38px;height:38px;background:var(--tb-tint);color:var(--tb-brand);border:0;font:500 10px/38px var(--tb-sans);text-align:center}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 15px;min-width:0;align-items:center}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-meta>b{font-size:13px;font-weight:500;overflow-wrap:anywhere}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-meta>small{grid-column:1;font-size:11px;color:var(--tb-muted);line-height:1.6}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-download{grid-column:2;grid-row:1/3;display:inline-flex;align-items:center;gap:7px;color:var(--tb-brand)!important;font:500 12px/1.7 var(--tb-sans);padding:6px 0;text-underline-offset:3px;min-height:32px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-download>span{font-size:19px;color:inherit}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-voice{margin-top:12px;padding:13px 16px;background:#fff;border:1px solid var(--tb-line);border-radius:4px;min-width:0}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-voice>h4{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 8px;font-size:13px!important;font-weight:600!important;line-height:1.7}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-icon{display:inline-block;width:21px;height:21px;flex:none;vertical-align:middle;color:var(--tb-brand);pointer-events:none}
body.takumi-blue #services .tw-number{display:flex;align-items:center;gap:16px}
body.takumi-blue #services .tw-number>.tb-room-icon{width:32px;height:32px}
@media(max-width:640px){body.takumi-blue #services .tw-number{flex-direction:column;gap:6px}body.takumi-blue #services .tw-number>.tb-room-icon{width:26px;height:26px}}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-voice .tvci-voice-edit-badge{font-size:10px;color:var(--tb-brand);background:var(--tb-tint);border:1px solid var(--tb-line);padding:3px 7px;margin-left:auto;line-height:1.6}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-voice>audio{display:block;width:100%;height:42px;max-width:100%;margin:8px 0;accent-color:var(--tb-brand);color-scheme:light}
body:is(.takumi-blue,.takumi-blue-admin) .tvci-reply :is([data-tvci-r-record],[data-tvci-r-process],[data-tvci-r-check]){background:var(--tb-brand)!important;border-color:var(--tb-brand)!important;color:#fff!important;min-height:44px}
body:is(.takumi-blue,.takumi-blue-admin) .tvci-reply :is([data-tvci-r-record],[data-tvci-r-process],[data-tvci-r-check]) :is(span,svg){color:#fff!important}
body:is(.takumi-blue,.takumi-blue-admin) .tvci-reply :is([data-tvci-r-redo],[data-tvci-r-text-only]){background:#fff!important;border-color:#c7d4ef!important;color:var(--tb-brand)!important;min-height:40px}
body:is(.takumi-blue,.takumi-blue-admin) .tvci-reply-level i{background:var(--tb-brand)}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-voice .tvci-voice-record{margin:8px 0 0;border:0;border-top:1px solid var(--tb-line);background:#fff}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-voice .tvci-voice-record>summary{font-size:11px;padding:9px 0;color:var(--tb-muted);min-height:38px}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-voice .tvci-voice-record-body{padding:8px 0;background:#fff}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .tvci-transcript-notice{margin-block:10px!important;padding:10px 13px;font-size:12px;border-radius:2px}
body:is(.takumi-blue,.takumi-blue-admin) .tvci-transcript-notice p{font-size:12px;line-height:1.8}
/* Context panel: independent fine-line sections, like the approved right rail. */
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .tcw-room-context{border:0;border-left:1px solid var(--tb-line);padding:0 0 0 22px;background:#fff}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .tcw-room-context__details>summary{padding:0 0 14px;font-size:12px;min-height:36px}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .tcw-room-context__body{padding:0;gap:20px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__body>section{padding:0;margin:0;border:0;background:#fff}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__body h3{font:600 15px/1.7 var(--tb-sans)!important;color:var(--tb-ink);margin:0 0 12px;display:flex;align-items:center;gap:10px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:0}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li{display:flex;flex-direction:column;align-items:center;position:relative;gap:5px;text-align:center;padding:0;min-width:0}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li:before{content:"";position:absolute;height:1px;background:var(--tb-line);left:0;right:0;top:15px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li:first-child:before{left:50%}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li:last-child:before{right:50%}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li>span{display:grid;place-items:center;width:30px;height:30px;position:relative;background:#fff;color:var(--tb-muted);border:1px solid #c7d4ef;border-radius:50%!important;font:500 12px/1 var(--tb-sans)}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li.is-current>span{background:var(--tb-brand);border-color:var(--tb-brand);color:#fff}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li.is-done>span{background:var(--tb-tint);color:var(--tb-brand);border-color:var(--tb-brand)}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li>b{font-size:10px;font-weight:500;line-height:1.7;color:var(--tb-text);margin-top:3px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li>small{font:400 10px/1.6 var(--tb-sans);color:var(--tb-muted)}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage li.is-current>small{background:var(--tb-brand);color:#fff;padding:1px 6px;border-radius:2px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage>p{font-size:10px;line-height:1.7;color:var(--tb-muted);margin:12px 0 0}
body:is(.takumi-blue,.takumi-blue-admin) :is(.tcw-room-context__guidance,.tcw-room-context__links,.tcw-room-context__facts,.tcw-room-context__activity){border-top:1px solid var(--tb-line);padding-top:18px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__guidance>p{background:var(--tb-tint);padding:13px 16px;color:var(--tb-text);font-size:12px;line-height:1.9}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__links a{border:1px solid var(--tb-line)!important;border-bottom:0!important;padding:8px 12px;min-height:37px;font-size:12px;color:var(--tb-text)!important;gap:10px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__links a:last-child{border-bottom:1px solid var(--tb-line)!important}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__links a>span{margin-left:auto;color:var(--tb-brand)}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__facts>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;border-bottom:1px solid var(--tb-line);padding:6px 0;align-items:start}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__facts :is(dt,dd){font-size:12px;line-height:1.75;font-weight:400;color:var(--tb-text)}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__reply{font-size:12px;min-height:42px}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer{background:linear-gradient(120deg,#f7faff,#fff)!important;border-radius:3px;padding:18px 22px!important;display:grid;gap:12px;margin-top:16px}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer textarea{background:#fff!important;border:1px solid #c7d4ef!important;border-radius:4px;min-height:100px;padding:12px 14px;resize:vertical}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;min-width:0}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>.srp-message-attachments{min-width:0;margin:0;padding:0;border:0}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>button{min-height:46px!important;display:flex;justify-content:center;align-items:center;gap:9px;align-self:start;font-size:12px!important;line-height:1.7;padding:10px 14px!important;margin:0;max-width:100%}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>button>.tb-room-icon{color:#fff}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>.tvci-reply{margin:0!important;min-width:0;padding:0;background:#fff!important;border-color:var(--tb-brand)!important}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>.tvci-reply>summary{padding:10px 12px;min-height:46px;font-size:12px;color:var(--tb-brand);display:flex;align-items:center;gap:7px;font-weight:500;line-height:1.6;box-sizing:border-box}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>.tvci-reply>summary small{font-size:10px;font-weight:400;line-height:1.5;color:var(--tb-muted)}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools .tvci-reply-mark{color:var(--tb-brand)!important;width:22px;height:22px}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message-heading__row>h2{font-size:18px!important;margin:0!important}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message-heading{padding:0 0 15px!important;margin:0 0 15px!important}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>.tvci-reply[open]{grid-column:1/-1;grid-row:auto}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>.tvci-reply[open]~button{grid-column:3}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__help{font-size:11px;line-height:1.8;color:var(--tb-muted);margin:8px 0 0}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__help>summary{cursor:pointer;padding:5px 0}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__help>small{display:block;font-size:11px;line-height:1.8;margin:8px 0}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer .tvci-file-drop{min-height:82px!important;margin:0!important;border:1px dashed #9aadd9!important;background:#fff!important;border-radius:3px!important}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer .tvci-file-layout{grid-template-columns:25px minmax(0,1fr)!important;min-height:80px;padding:10px 12px!important;gap:10px}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer .tvci-file-icon{width:25px;height:25px;color:var(--tb-brand)!important}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer .tvci-file-icon svg{width:25px!important;height:25px!important}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer .tvci-file-title{font-size:12px!important;color:var(--tb-brand)!important;font-weight:500!important}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer .tvci-file-instruction{font-size:11px!important;color:var(--tb-text)!important}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer .tvci-file-limit{font-size:10px!important;color:var(--tb-muted)!important}
/* This span is explicitly aria-hidden decorative duplication, not the file input. */
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer .tvci-file-action[aria-hidden=true]{display:none!important}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context__body h3:before{content:"";display:inline-block;width:23px;height:23px;flex:none;background:var(--tb-brand);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M6 3h8l4 4v14H6zM14 3v5h4M9 12h6m-6 4h6'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-stage h3:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6v6l5 3'/%3E%3C/svg%3E")}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-profile-page h1{font-size:28px!important;margin-bottom:12px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-avatar-form>button{max-width:100%}
body.takumi-blue :is(.takumi-refined-works,.srp-app) .srp-example-card-app .srp-thumb{display:grid!important;place-items:center;aspect-ratio:16/10;min-height:210px;padding:28px!important;background:linear-gradient(135deg,#f4f8ff,#edf3ff)!important;overflow:visible!important}
body.takumi-blue :is(.takumi-refined-works,.srp-app) .srp-example-card-app .tcw-app-thumb img{width:clamp(104px,12vw,168px)!important;height:auto!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:22%!important;box-shadow:0 10px 25px #17243c1a;position:static!important;transform:none!important}
body.takumi-blue .srp-app .srp-thumb-badge{background:var(--tb-brand)!important;color:#fff!important}
/* The public, fictional animated room uses the same C02 visual vocabulary.
 * Pseudo avatars are decorative; actual private rooms use the real profile UI. */
body.takumi-blue .takumi-case-room-window__nav b,
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample>nav b{color:var(--tb-brand);border-bottom-color:var(--tb-brand);background:var(--tb-tint)}
body.takumi-blue :is(.takumi-case-room-window__input b,.takumi-case-room-sample__reply footer b){background:var(--tb-brand)!important;color:#fff!important}
body.takumi-blue .takumi-case-room-window__thread{gap:10px}
body.takumi-blue .takumi-case-room-window__thread article{position:relative;padding:12px 12px 12px 43px;border:1px solid var(--tb-line);border-radius:3px}
body.takumi-blue .takumi-case-room-window__thread article.is-client{background:#edf4ff}
body.takumi-blue .takumi-case-room-window__thread article.is-takumi{border:1px solid var(--tb-line);border-left:2px solid var(--tb-brand)}
body.takumi-blue .takumi-case-room-window__thread article:before{content:"ご";display:grid;place-items:center;position:absolute;left:10px;top:11px;width:24px;height:24px;background:#64748b;color:#fff;border-radius:50%;font:12px/1 var(--tb-sans)}
body.takumi-blue .takumi-case-room-window__thread article.is-takumi:before{content:"T";background:var(--tb-tint);color:var(--tb-brand);font:18px/1 Georgia,serif}
body.takumi-blue .takumi-case-room-window__context{background:var(--tb-tint);border-color:var(--tb-line)}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__brand span{font-family:var(--tb-serif);font-weight:500;color:var(--tb-brand)}
body.takumi-blue #case-room-preview-dialog :is(.takumi-case-room-dialog__notice,.takumi-case-room-dialog__viewport){background:#f3f6fc}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages{gap:12px;padding:18px 0}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article{position:relative;padding:16px 18px 16px 68px;border:1px solid var(--tb-line);border-radius:3px}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article.is-client{background:#edf4ff}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article.is-takumi{border-left:2px solid var(--tb-brand)}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article:before{content:"ご";display:grid;place-items:center;position:absolute;left:17px;top:16px;width:34px;height:34px;background:#64748b;color:#fff;border-radius:50%;font:17px/1 var(--tb-sans)}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article.is-takumi:before{content:"T";background:var(--tb-tint);color:var(--tb-brand);font:24px/1 Georgia,serif}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article>header{min-height:34px;align-items:center;margin-bottom:4px}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article>header strong{font-size:13px;font-weight:600}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article>header time{font-size:11px;color:var(--tb-muted)}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__reply{padding:18px;background:linear-gradient(120deg,#f7faff,#fff);border:1px solid var(--tb-line);border-radius:3px}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__reply-field{min-height:85px;border:1px solid #c7d4ef;border-radius:4px;background:#fff}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__file{border-color:#9aadd9;background:#fff}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__file svg{color:var(--tb-brand)}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__context{background:#fff;border:0;border-left:1px solid var(--tb-line)}
body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__context-links span{color:var(--tb-brand)}
@media(max-width:620px){body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article{padding:14px}body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article>header{padding-left:44px;min-height:36px}body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__messages article:before{left:14px;top:14px}body.takumi-blue #case-room-preview-dialog .takumi-case-room-sample__context{border-left:0;border-top:1px solid var(--tb-line)}}
@media(min-width:1280px){body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .tcw-room-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1279px){body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .tcw-room-layout{grid-template-columns:minmax(0,1fr)}body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context{grid-column:1!important;grid-row:auto!important;border-left:0!important;border-top:1px solid var(--tb-line)!important;padding:18px 0 0!important;position:static!important;max-height:none!important}}
@media(max-width:760px){body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>.srp-message-attachments{grid-column:1/-1}body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools>.tvci-reply[open]~button{grid-column:2}}
@media(max-width:640px){
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message{padding:15px 13px!important}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message>header{padding-left:44px;min-height:35px;gap:2px 10px;align-items:flex-start;flex-direction:column}
body:is(.takumi-blue,.takumi-blue-admin) .srp-message>header .tcw-room-avatar{width:32px;height:32px;font-size:16px}
body:is(.takumi-blue,.takumi-blue-admin) .srp-message>header .tcw-room-avatar--admin{font-size:21px}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message>p{margin:10px 0 0!important;font-size:14px!important}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) .srp-message>:is(.tcw-attachment-list,.tcw-design-directions,.tvci-transcript-notice,.tb-room-voice,.tcw-reply-mail-status){margin-left:0!important}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-item{grid-template-columns:30px minmax(0,1fr);padding:11px 10px;gap:9px}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-meta{grid-template-columns:minmax(0,1fr)}
body:is(.takumi-blue,.takumi-blue-admin) .tcw-attachment-download{grid-column:1;grid-row:3;justify-self:start;min-height:36px}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-voice{padding:12px}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-voice .tvci-voice-edit-badge{margin-left:0}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer{padding:16px!important}
body:is(.takumi-blue,.takumi-blue-admin) .tb-room-composer__tools{gap:12px}
}

/* Dock to the visible edge, not the height of an already scrolled-away header.
 * clip, unlike hidden, does not create a phantom vertical scroll container. */
html.tb-sticky-geometry{scroll-padding-top:var(--tb-scroll-edge,var(--tb-sticky-edge,0px))!important}
body.takumi-blue.srp-standalone-body.tb-room-navigation,
body.takumi-blue.srp-standalone-body.tb-room-navigation>.srp-app{overflow-x:clip!important;overflow-y:visible!important}
body.takumi-blue .takumi-header[data-site-header],
body.takumi-blue.srp-standalone-body .srp-header{top:var(--tb-admin-edge,var(--tk-admin-offset,0px))}
body:is(.takumi-blue,.takumi-blue-admin) :is(.tcw-client-review-tools,.srp-case-workspace__nav),
body.takumi-blue .srp-owner-portal .tcw-client-nav{top:var(--tb-sticky-edge,var(--wp-admin--admin-bar--height,0px))!important}
body.takumi-blue .srp-owner-portal .tcw-client-review-tools .tcw-client-nav{position:static;top:auto!important}
body:is(.takumi-blue,.takumi-blue-admin) :is(.tcw-client-review-tools,.srp-case-workspace__nav){box-shadow:0 3px 10px #17243c06}
body:is(.takumi-blue,.takumi-blue-admin) :is(.srp-owner-portal,.srp-admin) :is(#tcw-portal-overview,#messages,#tcw-portal-proposal,#contract-confirmation,#payment-guidance,#tcw-case-progress,#additional-orders,#completion-review,#tcw-workspace-overview,#tcw-workspace-messages,#tcw-workspace-proposal,#tcw-workspace-contract,#tcw-workspace-progress),
body:is(.takumi-blue,.takumi-blue-admin) [data-tcw-focus-reply]{scroll-margin-top:calc(var(--tb-nav-height,56px) + 12px)!important}
body.takumi-blue .takumi-main>section{scroll-margin-top:16px!important}
@media(min-width:1280px){
 body:is(.takumi-blue,.takumi-blue-admin) .tcw-room-context{top:calc(var(--tb-sticky-edge,32px) + var(--tb-nav-height,56px) + 12px)!important;max-height:calc(100vh - var(--tb-sticky-edge,32px) - var(--tb-nav-height,56px) - 28px);max-height:calc(100dvh - var(--tb-sticky-edge,32px) - var(--tb-nav-height,56px) - 28px);overflow-y:auto}
 body.takumi-blue .takumi-sidebar-sticky{top:calc(var(--tb-sticky-edge,88px) + 16px)}
}
@media(max-width:1279px){
 body.takumi-blue .srp-owner-portal .tcw-client-review-tools{grid-template-columns:minmax(0,1fr) auto!important;gap:0;margin-block:20px}
 body.takumi-blue .srp-owner-portal .tcw-client-nav{display:flex!important;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#9aaedc transparent}
 body.takumi-blue .srp-owner-portal .tcw-client-nav>a{display:flex;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:center;min-width:0!important;min-height:48px;padding:8px 12px!important;gap:6px;font:500 12px/1.6 var(--tb-sans)!important;white-space:nowrap;text-align:left}
 body.takumi-blue .srp-owner-portal .tcw-client-nav .tb-action-icon{display:block!important;width:17px;height:17px;margin:0;flex-shrink:0}
 body.takumi-blue .srp-owner-portal .tcw-review-shortcut--toolbar{width:auto;min-width:0;margin:0;padding:3px 0 3px 8px;align-items:center;justify-content:stretch}
 body.takumi-blue .srp-owner-portal .tcw-review-shortcut--toolbar button{width:auto;min-height:44px;padding:8px 10px;font-size:12px;white-space:nowrap}
}