.mail-settings{grid-column:1/-1;gap:12px;display:grid}.mail-settings fieldset{border:1px solid #d8e5e9;border-radius:12px;gap:10px;margin:0;padding:12px;display:grid}.mail-settings legend{padding:0 5px;font-weight:650}.mail-setting{align-items:flex-end;gap:8px;min-width:0;display:flex}.mail-setting label{flex:1;gap:6px;min-width:0;margin:0;display:grid}.mail-setting input,.mail-setting select{color:#153650;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #bed0d6;border-radius:10px;padding:10px}.mail-setting button{color:#14658f;cursor:pointer;background:#fff;border:1px solid #bed0d6;border-radius:10px;flex:0 0 40px;place-items:center;height:40px;padding:0;display:grid}.mail-setting button:disabled{opacity:.4}.mail-setting button:focus-visible{outline-offset:2px;outline:2px solid #14658f}
.board-color-dialog{color:#153650;background:#fbfdfc;border:1px solid #d8e5e9;border-radius:18px;width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;font-size:16px;box-shadow:0 20px 70px #15365040}.board-color-dialog::backdrop{background:#15365070}.board-color-dialog header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.board-color-dialog h2{flex:1;margin:0;font-size:22px}.board-color-dialog button{cursor:pointer;color:#153650;font:inherit;background:#fff;border:1px solid #bed0d6;border-radius:10px;padding:10px 12px}.board-color-dialog button:disabled{opacity:.5;cursor:default}.board-color-dialog button:focus-visible,.board-color-dialog input:focus-visible,.board-color-dialog summary:focus-visible{outline-offset:3px;outline:2px solid #14658f}.board-color-dialog header button{place-items:center;width:40px;height:40px;padding:0;display:grid}.board-color-preview{border:1px solid #d8e5e9;border-radius:12px;height:64px;margin-bottom:20px;transition:background-color .12s}.board-color-dialog fieldset{border:0;margin:0 0 20px;padding:0}.board-color-dialog legend{margin-bottom:10px;font-weight:600}.board-color-swatches{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.board-color-swatches button{place-items:center;height:40px;padding:0;display:grid}.board-color-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #153650}.board-color-swatches svg{background:#fff;border-radius:50%;padding:2px}.board-color-dialog summary{cursor:pointer;padding:6px 0;font-weight:600}.board-color-hex,.board-color-channel{align-items:center;gap:12px;margin:12px 0;display:flex}.board-color-hex input{min-width:0;font:inherit;border:1px solid #bed0d6;border-radius:10px;flex:1;padding:10px}.board-color-channel span{width:48px}.board-color-channel input{accent-color:#14658f;flex:1;min-width:0}.board-color-channel output{text-align:right;width:30px}.board-color-dialog footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.board-color-dialog .primary{color:#fff;background:#14658f}.board-color-dialog .danger,.board-color-dialog [role=alert]{color:#b34a36}.icon-colors button.board-color-trigger{color:#153650;width:64px;height:40px;box-shadow:none;background:#fff;border:1px solid #bed0d6;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:6px;display:flex}
.smart-import-dialog{color:#17394f;background:#fff;border:1px solid #b7ced8;border-radius:18px;width:min(36rem,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:1.5rem;font-size:clamp(16px,1vw,19px);box-shadow:0 24px 80px #17394f40}.smart-import-dialog::backdrop{background:#17394f70}.smart-import-dialog header,.smart-import-dialog footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.smart-import-dialog h2{margin:.3rem 0;font-size:1.5em}.smart-import-dialog p{line-height:1.5}.smart-import-dialog label{flex-direction:column;gap:.4rem;margin:.9rem 0;font-weight:600;display:flex}.smart-import-dialog input,.smart-import-dialog select,.smart-import-dialog textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:inherit;background:#fff;border:1px solid #b7ced8;border-radius:8px;padding:.65rem}.smart-import-dialog button{color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #b7ced8;border-radius:9px;padding:.65rem 1rem}.smart-import-dialog button.primary{color:#fff;background:#17394f}.smart-import-dialog .import-checkbox{flex-direction:row;align-items:center;font-weight:400}.smart-import-dialog .import-checkbox input{width:auto}.smart-import-dialog small{font-size:.8em}.smart-import-dialog .import-secret-field{grid-column:1/-1;min-width:0;margin-bottom:.5rem}.smart-import-dialog .import-secret-input{align-items:stretch;gap:.5rem;display:flex}.smart-import-dialog .import-secret-input input{flex:1}.smart-import-dialog .import-secret-input button{border-radius:10px;flex:0 0 44px;place-items:center;padding:0;display:grid}.smart-import-dialog .import-secret-input button:hover{background:#e8f7f1}.smart-import-dialog .import-secret-input button:focus-visible{outline-offset:2px;outline:2px solid #14658f}.smart-import-dialog footer{background:#fff;padding:.8rem 0;position:sticky;bottom:-1.5rem}@media (min-width:640px){.smart-import-dialog form{grid-template-columns:1fr 1fr;column-gap:1rem;display:grid}.smart-import-dialog form>*{grid-column:1/-1;min-width:0}.smart-import-dialog form>label:nth-of-type(-n+2),.smart-import-dialog form.is-login>label:nth-of-type(3),.smart-import-dialog form.is-login>label:nth-of-type(4){grid-column:auto}.smart-import-dialog label{margin:.5rem 0}.smart-import-dialog section{grid-template-columns:1fr 1fr;column-gap:1rem;display:grid}.smart-import-dialog section>small{grid-column:1/-1}}.smart-import-dialog [role=alert]{color:#a22d20}.smart-import-progress{z-index:200;color:#17394f;background:#fff;border:1px solid #b7ced8;border-radius:12px;align-items:center;gap:1rem;max-width:calc(100vw - 2rem);padding:1rem;display:flex;position:fixed;bottom:4rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #17394f30}
