/* Shared PSK theme. Screen approximations of RAL 7047 buttons / RAL 9016 panels, not print swatches. */
@font-face{font-family:'Golos Text';src:url('fonts/GolosText.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
:root{--psk-button:#d7d7d7;--psk-paper:#f6f6f2;--paper:var(--psk-paper);--mobile-paper:var(--psk-paper);--ink:#30343a;--psk-relief:0 -.5px 0 #fff9,.5px .75px .65px #30343a30}
html body,body button,body input,body textarea,body select,body h1,body h2,body h3,body strong{font-family:'Golos Text',sans-serif!important}
body{color:var(--ink);text-shadow:var(--psk-relief)}
body :is(.card,.bubble,.message,.message.own,.composer,#composer,.work-dialog,dialog,.finance-editor,.login,.chat-toolbar,.ai-review,.notice-inline,.proposal,.read-mail,.mail-draft){background:var(--psk-paper)!important;color:var(--ink)!important;border-color:#aeb3b880;box-shadow:inset 0 1px 0 #fff7,0 2px 5px #30343a20}
body :is(input,textarea,select){background:var(--psk-paper)!important;color:var(--ink)!important;text-shadow:var(--psk-relief);border-color:#aeb3b8;box-shadow:inset 0 1px 2px #30343a20}
body :is(button,.fileLabel,button.primary,button.secondary,button.active){background:var(--psk-button)!important;color:var(--ink)!important;border:1px solid #aeb3b8!important;border-radius:9px;text-shadow:var(--psk-relief)!important;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #59616b26,1px 3px 4px #30343a28!important;margin:4px;max-width:100%;line-height:1.35}
body :is(button,.fileLabel):hover{filter:brightness(1.035)}
body button:active{box-shadow:inset 1px 2px 3px #30343a35!important;transform:translateY(1px)}
body :is(button.active,button[aria-selected=true],button[aria-pressed=true]){border-color:#2455a0!important;outline:1px solid #2455a0;outline-offset:0;font-weight:700}
body :is(button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline:2px solid #214d91!important;outline-offset:3px}
body :is(button.danger,button.destructive){color:#792e21!important;border-color:#a45440!important}
body button:disabled{opacity:.55;filter:none}
body :is(.actions,.toolbar,.page-tools,.chat-toolbar,.dialogButtons,.composerBottom,.aiTools,.shortcuts){gap:10px!important}
body :is(.actions,.page-tools,.dialogButtons){flex-wrap:wrap}
body :is(.actions,.toolbar,.page-tools,.chat-toolbar,.dialogButtons,.composerBottom,.aiTools,.shortcuts)>button{margin:0}
body nav{gap:9px!important}
body nav button{margin:0!important;width:calc(100% - 2px)}
body #workspaceTabs button{width:auto;flex-shrink:0}
body :is(h1,h2,h3,.nav-label,.brand strong,.workspaceBrand strong){text-shadow:var(--psk-relief)!important}
body :is(.message .body,.message .author,.message .meta,.message small){color:var(--ink)!important}
body :is(#connection,.mobile-connection){background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:0 1px 0 #fff9,0 -1px 1px #202a3270!important}
body .message.own{border-right:3px solid #657993}
body .message.suggestion{border-left:3px solid #47648b}
body :is(pre,code){text-shadow:none}
body :is(#quickForm,.composer,#composer){background:var(--psk-paper)!important;overflow:visible}
body :is(#quickForm,.composer,#composer):focus-within{outline:2px solid #2455a0;outline-offset:2px}
body :is(#quickForm input,.composer textarea,#composer textarea):focus-visible{outline:none!important;box-shadow:none!important}
body :is(#quickForm,.composer,#composer) button:focus-visible{outline:2px solid #214d91!important;outline-offset:1px}
@media(max-width:650px){body :is(button,.fileLabel){min-height:40px}body nav button{max-width:none!important}body .work-dialog button{width:auto}body #quickForm>button,body .composer .send-button{flex-shrink:0}body .card>button{margin:4px!important}}
@media(forced-colors:active){body,body *{text-shadow:none!important;box-shadow:none!important}body :is(button,input,textarea,select,.card,.message,dialog){background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important}}

body button.mobile-menu-shade{background:#22282c77!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none}

/* Constrain flex descendants before laying out long conversation toolbars. */
body main,body .workspace,body #view,body .chat-layout,body .chat-panel{min-width:0;max-width:100%}
body[data-screen=chats] .workspace,body[data-screen=chats] #view,body .chat-layout{width:100%}
body .chat-toolbar{flex-wrap:wrap;gap:8px!important;width:100%;min-width:0;background:transparent!important;box-shadow:none}
body .chat-toolbar select{flex:1 1 180px;min-width:0;max-width:100%}
body .chat-toolbar button{flex:0 1 auto;white-space:normal;overflow-wrap:anywhere}
body .overview-grid>.card{display:flex;flex-direction:column;min-width:0}
body .overview-grid>.card>button{margin:12px 0 0!important;margin-top:auto!important}
body .context-rail button{padding:12px!important;margin:6px 0!important}
@media(min-width:651px){
 body .chat-panel .composer{display:grid;grid-template-columns:40px minmax(0,1fr) 40px auto;gap:8px;padding:12px;width:100%;min-width:0}
 body .chat-panel .composer>.voice-input{grid-column:1;grid-row:1;margin:0}
 body .chat-panel .composer>textarea{grid-column:2;grid-row:1;width:100%;min-width:0;min-height:48px;margin:0;padding:10px}
 body .chat-panel .composer>.attach-document{grid-column:3;grid-row:1;margin:0}
 body .chat-panel .composer>.actions{display:contents}
 body .chat-panel .composer .actions>.muted{grid-column:1/-1;grid-row:2}
 body .chat-panel .composer #sendMessage{grid-column:4;grid-row:1;margin:0;align-self:center}
 body .chat-panel .composer>.send-status{grid-column:1/-1;grid-row:3}
}

@media(min-width:651px){
 body .chat-panel .composer{grid-template-columns:40px minmax(0,1fr) 40px 40px;align-items:center}
 body .chat-panel .composer .actions>.muted{display:none}
 body .chat-panel .composer #sendMessage{font-size:0;width:40px;height:40px;min-height:40px;padding:0}
 body .chat-panel .composer #sendMessage::after{content:'↑';font-size:24px;line-height:1}
 body .chat-panel .composer textarea{height:48px;max-height:130px}
}

body button:is(.active,[aria-selected=true],[aria-pressed=true]) :is(.nav-symbol,.nav-icon){color:#2455a0}

/* Matte aluminium controls and uniform paper surfaces. */
body :is(.card,.bubble,.message,.composer,#composer,dialog,.login,.work-dialog,input,textarea,select){background-image:none!important}
body :is(button,.fileLabel){background-image:none!important;text-shadow:-.7px -.8px 0 #ffffffed,.7px 1px 0 #78808980,1px 1.5px 1px #30343a35!important}
body .nav-label{text-shadow:-.7px -.8px 0 #ffffffed,.7px 1px 0 #78808980,1px 1.5px 1px #30343a35!important}

body :is(button,.fileLabel),body :is(button,.fileLabel) :is(span,strong,small){text-shadow:-.8px -1px 0 #fff,0 1px 0 #717a8399,.8px 1.6px 1px #30343a40!important}
