:root{--tt-navy:#0b2347;--tt-blue:#1267e8;--tt-blue2:#2a7fff;--tt-bg:#f4f7fb;--tt-card:#fff;--tt-line:#dbe5f1;--tt-text:#14233b;--tt-muted:#71819a;--tt-soft:#eef5ff;--tt-green:#0c9d77}
.tt{max-width:1440px;margin:26px auto 50px;padding:0 22px;color:var(--tt-text);box-sizing:border-box}.tt *{box-sizing:border-box}
.tt-hero{min-height:150px;border-radius:24px;padding:30px 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;color:#fff;background:linear-gradient(118deg,#071d3b 0%,#174d91 58%,#218bb3 100%);box-shadow:0 18px 45px rgba(10,37,78,.18);position:relative;overflow:hidden}
.tt-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-90px;top:-210px;border:70px solid rgba(255,255,255,.07)}.tt-hero>*{position:relative}.tt-kicker{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.12em;opacity:.78;margin-bottom:8px}.tt-hero h1{font-size:34px;line-height:1.1;margin:0 0 9px}.tt-hero p{margin:0;font-size:15px;opacity:.88}.tt-hero-status{white-space:nowrap;padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:800}
.tt-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.tt-tab{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:left;border:1px solid var(--tt-line);border-radius:15px;background:#fff;padding:13px 15px;cursor:pointer;box-shadow:0 4px 16px rgba(25,50,85,.04)}.tt-tab>span{grid-row:1/3;font-size:22px}.tt-tab b{font-size:14px}.tt-tab small{font-size:11px;color:var(--tt-muted);margin-top:2px}.tt-tab.active{color:#fff;border-color:var(--tt-blue);background:linear-gradient(135deg,var(--tt-blue),var(--tt-blue2));box-shadow:0 8px 22px rgba(18,103,232,.22)}.tt-tab.active small{color:#dceaff}
.tt-main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.tt-work{min-width:0}.tt-grid{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:10px}.tt-card,.tt-side-card,.tt-history{background:var(--tt-card);border:1px solid var(--tt-line);border-radius:18px;box-shadow:0 8px 26px rgba(21,52,91,.06);overflow:hidden}.tt-head{min-height:72px;padding:14px 16px;border-bottom:1px solid var(--tt-line);display:flex;justify-content:space-between;align-items:center;gap:10px}.tt-head>div{display:grid;gap:3px}.tt-eyebrow{font-size:11px;color:var(--tt-muted);font-weight:800}.tt-head strong{font-size:16px}.tt-area{display:block;width:100%;height:320px;border:0;outline:0;resize:vertical;padding:18px 19px;background:#fff;color:var(--tt-text);font:500 16px/1.75 inherit}.tt-output{background:#fbfdff}.tt-foot{min-height:58px;padding:10px 13px;border-top:1px solid var(--tt-line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tt-btn{appearance:none;border:1px solid var(--tt-line);background:#fff;color:#243752;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.tt-btn:hover{background:#f6f9fd}.tt-btn:disabled{opacity:.5;cursor:wait}.tt-btn-mic{background:#eaf8f4;color:#08785c;border-color:#c7eadf}.tt-primary{background:linear-gradient(135deg,var(--tt-blue),var(--tt-blue2));border-color:var(--tt-blue);color:#fff}.tt-primary:hover{background:var(--tt-blue)}.tt-count{margin-left:auto;font-size:12px;color:var(--tt-muted)}.tt-status{font-size:12px;color:var(--tt-muted);text-align:right}.tt-swap-wrap{display:flex;align-items:center;justify-content:center}.tt-swap{width:42px;height:42px;border:0;border-radius:50%;background:#e8f1ff;color:var(--tt-blue);font-size:21px;font-weight:900;cursor:pointer;box-shadow:0 5px 16px rgba(18,103,232,.12)}
.tt-action-row{display:flex;justify-content:center;gap:10px;margin:14px 0}.tt-action-row .tt-btn{min-width:190px}.tt-history{padding:16px}.tt-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.tt-section-title>div{display:flex;align-items:center;gap:8px}.tt-section-title h2{font-size:16px;margin:0}.tt-section-title small{color:var(--tt-muted);font-size:11px}.tt-history-list{max-height:205px;overflow:auto}.tt-hitem{padding:10px 7px;border-top:1px solid #edf2f8;font-size:12px;line-height:1.5;cursor:pointer}.tt-hitem:first-child{border-top:0}.tt-hitem:hover{background:#f7faff}
.tt-side{display:flex;flex-direction:column;gap:14px}.tt-side-card{padding:16px}.tt-field{display:grid;gap:6px;margin:10px 0;font-size:12px;font-weight:800;color:#4e607b}.tt-field select{width:100%;border:1px solid var(--tt-line);border-radius:10px;background:#fff;padding:10px;color:var(--tt-text)}.tt-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tt-profile{padding:12px;border-radius:12px;background:var(--tt-soft);font-size:12px;line-height:1.55;margin:12px 0;color:#304867}.tt-profile b{color:#153b78}.tt-full{width:100%}.tt-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tt-quick button{border:1px solid var(--tt-line);border-radius:9px;background:#fff;padding:9px 10px;text-align:left;color:#324765;cursor:pointer}.tt-quick button:hover{background:var(--tt-soft);border-color:#c8daf1}.tt-tip{padding:15px 16px;border-radius:16px;background:linear-gradient(135deg,#eff8ff,#eefbf7);border:1px solid #d8e9ed}.tt-tip b{font-size:13px}.tt-tip p{font-size:12px;line-height:1.6;color:#5b6d84;margin:7px 0 0}.recording{background:#d93025!important;color:#fff!important;animation:ttpulse 1s infinite}@keyframes ttpulse{50%{opacity:.55}}
@media(max-width:1050px){.tt-main{grid-template-columns:1fr}.tt-side{display:grid;grid-template-columns:1fr 1fr}.tt-tip{grid-column:1/-1}}
@media(max-width:780px){.tt{padding:0 12px}.tt-hero{padding:23px;align-items:flex-start;flex-direction:column}.tt-hero h1{font-size:28px}.tt-tabs,.tt-side{grid-template-columns:1fr}.tt-grid{grid-template-columns:1fr}.tt-swap-wrap{height:44px}.tt-area{height:230px}.tt-action-row{flex-direction:column}.tt-action-row .tt-btn{width:100%}.tt-tip{grid-column:auto}}


/* STEP36_56: shared Communication two-mode switch */
.comm-switch{width:430px;max-width:calc(100% - 24px);margin:14px auto;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#eaf0f7;border-radius:14px;box-sizing:border-box}
.comm-switch a{display:block;border:0;border-radius:10px;padding:11px 12px;text-align:center;text-decoration:none!important;color:#53667f;background:transparent;font-weight:800;font-size:13px;line-height:1.25;box-sizing:border-box}
.comm-switch a.active{background:#1476f8;color:#fff!important;box-shadow:0 5px 14px rgba(20,118,248,.22)}
@media(max-width:720px){.comm-switch{width:100%;max-width:calc(100% - 20px);margin:10px auto}.comm-switch a{padding:12px 7px;font-size:12px}}