/* Integrity glass surfaces: translucent graphite, bright edges, restrained depth. */
:root{--glass-surface:linear-gradient(135deg,#e4edff13,#ffffff03 42%,#a7beff08),#111620b8;--glass-tile:linear-gradient(140deg,#ffffff10,#ffffff03 55%,#afc7ff09);--glass-edge:#e0eaff29;--glass-shadow:inset 0 1px 0 #ffffff22,inset 0 -1px 0 #ffffff06,0 16px 40px #0004}
.studio-app{background:radial-gradient(ellipse at 15% 25%,#465b7e22,transparent 45%),radial-gradient(ellipse at 90% 65%,#67578514,transparent 50%)}
.sheet-dialog,.remote-dialog{background:var(--glass-surface);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #ffffff30,inset 1px 0 0 #ffffff09,0 32px 100px #0009;border-radius:28px;-webkit-backdrop-filter:blur(34px) saturate(145%);backdrop-filter:blur(34px) saturate(145%);outline:none}
.sheet-dialog:focus-visible,.remote-dialog:focus-visible{outline:2px solid #b0c6ff80;outline-offset:4px}
.sheet-dialog::backdrop,.remote-dialog::backdrop{background:#03050b65;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#model-detail .model-network-row,.publication-row.media-publication,.model-card,.content-plan-templates>a,.composer-editor-panel #instagram-options,.sheet-dialog .network-fields{background:var(--glass-tile);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
#model-detail .model-network-row{border-radius:20px}
#model-detail .model-network-copy small,#model-detail .session-renewal{color:#a5b2c9}
#model-detail .model-shared-browser{background:#ffffff04;border:1px solid #ffffff17;border-radius:18px}
.sheet-dialog .dialog-heading,.composer-command-header,.composer-publish-actions{background:linear-gradient(110deg,#ffffff05,#ffffff01);border-color:#ffffff12}
.studio-app>.studio-navigation,.studio-more>nav{background:var(--glass-surface);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%)}
/* Empty states participate in the grid; legacy absolute placement is invalid here. */
.publication-stream>.publication-empty{position:relative;inset:auto;grid-column:1/-1;width:100%;min-height:240px;padding:36px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;border:1px solid #dae7ff1b;border-radius:22px;background:var(--glass-tile);box-shadow:inset 0 1px #ffffff0e;text-align:center;overflow:visible}
.publication-empty strong{font:500 20px/1.35 var(--sans);letter-spacing:-.025em;text-transform:none}.publication-empty p{max-width:420px;font-size:13px;line-height:1.6;color:#9ba8bd}.publication-empty::before,.publication-empty::after{display:none}
/* One compact search row, one result selector. */
#instagram-music-controls:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 10px;padding:20px;margin-top:14px;border-radius:18px}
#instagram-music-controls label{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}
#instagram-music-controls label>span{font:12px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:#b5c0d3}
#instagram-music-controls label:nth-of-type(2),#instagram-music-status{grid-column:1/-1}
#instagram-music-controls :is(input,select){min-height:44px;height:44px;padding:10px 12px;border-radius:12px;background:#080d1670;border:1px solid #ffffff1c;color:#e0e8f7;font:13px var(--sans)}
#instagram-music-search{height:44px;min-height:44px;margin:0;padding:0 16px;border:1px solid #ffffff2b;border-radius:12px;background:linear-gradient(#ffffff17,#ffffff08);box-shadow:inset 0 1px #ffffff1a;color:#e1eaff;font:500 12px var(--sans);cursor:pointer;white-space:nowrap}
#instagram-music-search:hover{background:#ffffff1a}#instagram-music-search:disabled{opacity:.5;cursor:wait}#instagram-music-status{margin:0;color:#97a6bd;font-size:11px;line-height:1.5}
/* Connection lanes are independent cards with a small identity header. */
#platforms-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 40px;border:0;align-items:start}
#platforms-board .platform-lane{display:flex;flex-direction:column;min-height:0;border:1px solid var(--glass-edge);border-radius:24px;background:var(--glass-surface);box-shadow:var(--glass-shadow);overflow:hidden}
#platforms-board .platform-identity{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px 12px;min-height:0;padding:24px;border:0;border-bottom:1px solid #ffffff0c;background:none}
#platforms-board .platform-identity::after{display:none}.connection-logo{width:30px;height:30px;object-fit:contain}
#platforms-board .platform-identity h2{font:500 21px/1.2 var(--sans);letter-spacing:-.035em;text-transform:none;margin:0}
#platforms-board .platform-identity p{grid-column:1/-1;margin:5px 0 0;color:#9eacc3;font:11px/1.6 var(--sans)}
#platforms-board .platform-content{display:flex;flex-direction:column;background:none;gap:0}
#platforms-board .platform-profile{min-height:0;padding:22px;background:transparent;gap:20px;border-bottom:1px solid #ffffff0b}
#platforms-board .platform-profile header{display:flex;flex-direction:column;gap:12px}#platforms-board .platform-profile header>div{min-width:0}
#platforms-board .platform-profile header b{display:block;color:#e3eaf7;white-space:normal;overflow-wrap:anywhere;font:500 16px/1.4 var(--sans)}
#platforms-board .platform-profile header small{font:12px/1.5 var(--sans);color:#9aaac2;overflow-wrap:anywhere}
#platforms-board .profile-state{align-self:flex-start;border:1px solid #a1e6be25;background:#6bc5940c;padding:5px 9px;border-radius:20px;color:#a3d7bc;font:10px/1.4 var(--sans);letter-spacing:0;text-transform:none}
.connection-details{order:3;padding-top:14px;border-top:1px solid #ffffff0b}.connection-details summary{cursor:pointer;font:11px/1.5 var(--sans);color:#99a9c1}.connection-details dl{margin-bottom:0!important}
#platforms-board .profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#platforms-board .profile-actions button{width:100%;min-height:40px;padding:9px 8px;border:1px solid #ffffff19;border-radius:12px;background:#ffffff04;color:#bfcbe0;font:11px/1.4 var(--sans);letter-spacing:0;text-transform:none;transition:background .18s,border-color .18s}
#platforms-board .profile-actions button:first-child{grid-column:1/-1;background:linear-gradient(#cadbff21,#cadbff0b);border-color:#c8daff30;color:#e5edff}
#platforms-board .profile-actions button:hover{background:#ffffff10;border-color:#ffffff35}
#platforms-board .profile-actions button:last-child{color:#a5a9b5;background:transparent}
#platforms-board .platform-add{padding:16px 22px}#platforms-board .platform-add button{width:100%;border:1px dashed #ffffff20;border-radius:12px;min-height:40px;margin:0;font-size:11px;color:#afbed7}
#platforms-board .platform-empty{min-height:230px;background:none;padding:24px;gap:15px}#platforms-board .platform-empty strong{font:500 18px var(--sans);text-transform:none}#platforms-board .platform-empty p{font-size:12px}
/* Chrome tools share the same glass material; the remote pixels remain untouched. */
.remote-shell>header{padding:14px 18px;gap:12px;background:#ffffff03;border-color:#ffffff12}.remote-shell>header b{font-size:13px}.remote-shell>header small{font-size:10px;color:#a5b1c5}.remote-brand{border-radius:12px;background:#ffffff08;border-color:#ffffff20;width:38px;height:38px}
.remote-shell .bare-button,.remote-shell .icon-button,.remote-navigation button{background:linear-gradient(#ffffff0d,#ffffff04);border:1px solid #ffffff1c;border-radius:12px;color:#c3cfe3;min-height:38px;padding:8px 12px;font-size:11px;letter-spacing:0;text-transform:none;box-shadow:inset 0 1px #ffffff0b}
.remote-shell #close-remote{border-radius:50%;width:38px;padding:9px}.remote-shell>header #remote-recreate{margin-right:0}
.remote-browser-chrome{background:linear-gradient(#ffffff05,#ffffff02);border-color:#ffffff12;padding:8px 10px 10px}
.remote-tabs{padding:0 0 8px;gap:7px;min-height:40px}.remote-tabs .remote-tab{border:1px solid transparent;border-radius:12px;min-height:36px;padding:0 14px;background:#ffffff03;color:#99a8bd;font-size:11px}.remote-tabs .remote-tab[aria-selected="true"]{background:linear-gradient(#ffffff18,#ffffff08);border-color:#ffffff27;color:#eef3ff;box-shadow:inset 0 1px #ffffff19,0 3px 10px #0002}
.remote-navigation{padding:0;gap:7px;grid-template-columns:38px 38px 38px minmax(100px,1fr) auto 38px 38px}.remote-navigation button{padding:0 10px}.remote-navigation input,.remote-input input{border:1px solid #ffffff1b;border-radius:14px;background:#080c155e;color:#dde6f7;min-height:38px;font:12px var(--sans);padding:10px 14px;box-shadow:inset 0 2px 5px #0002}
.remote-browser-status{background:transparent;border-color:#ffffff0b;color:#8f9db2;letter-spacing:0;text-transform:none;font-size:10px;padding:8px 16px}
.remote-input{background:#ffffff02;border-color:#ffffff10;gap:8px;padding:12px 14px}.remote-shell>footer{padding:8px 14px;gap:7px;background:#ffffff02;border-color:#ffffff0b}.remote-shell>footer button{min-height:30px;border:1px solid #ffffff12!important;background:#ffffff03;border-radius:9px;color:#a3b1c6;padding:5px 12px;font-size:10px}.remote-shell>footer button:last-child{color:#bac3d4}
/* A single glass calendar, with thin separators and small floating event chips. */
#calendar-grid{background:var(--glass-surface);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:24px;overflow:hidden;gap:1px}
#calendar-grid .calendar-day{background:#b5ceff03;border:0;box-shadow:inset -1px -1px #ffffff08;padding:14px;min-height:125px}
#calendar-grid .calendar-day.today{background:linear-gradient(140deg,#b5ceff1c,#b5ceff06);box-shadow:inset 0 0 0 1px #c1d4ff48,inset 0 1px #ffffff20}
#calendar-grid .calendar-job{background:linear-gradient(120deg,#ffffff10,#ffffff04);border:1px solid #ffffff18;border-radius:10px;box-shadow:inset 0 1px #ffffff0a;padding:8px;min-width:0;gap:6px}
#calendar-grid .day-number{font-size:18px}#calendar-grid .calendar-job b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#calendar-grid .calendar-job time{font-size:9px}.calendar-toolbar{background:none}
@media(max-width:1000px){#platforms-board{grid-template-columns:1fr}.platform-lane .platform-content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.platform-lane .platform-add{align-self:center}.platform-lane .platform-profile:only-child{grid-column:1/-1}#calendar-grid .calendar-day{padding:8px;min-height:100px}#calendar-grid .calendar-job{flex-wrap:wrap;padding:5px;gap:4px}}
@media(max-width:600px){.platform-lane .platform-content{display:flex!important}#instagram-music-controls:not([hidden]){padding:16px;gap:12px 8px}#instagram-music-search{padding:0 12px}.remote-shell>header{padding:10px;gap:7px;flex-wrap:wrap}.remote-shell>header>div{flex:1}.remote-shell>header b{font-size:11px}.remote-shell #remote-recreate{font-size:10px;padding:6px 9px}.remote-tabs .remote-tab{min-width:100px}.remote-navigation{grid-template-columns:32px 32px 32px minmax(60px,1fr) 32px 32px}.remote-navigation button{min-height:34px;padding:0}.remote-input{grid-template-columns:1fr auto}.remote-shell>footer{gap:5px;padding:8px}#calendar-grid .calendar-day{padding:5px;min-height:85px}#calendar-grid .day-number{font-size:14px}#calendar-grid .calendar-job{padding:4px}#calendar-grid .calendar-job time{display:none}}
@media(prefers-reduced-transparency:reduce){.sheet-dialog,.remote-dialog,.studio-app>.studio-navigation,.studio-more>nav,#calendar-grid,#platforms-board .platform-lane{background:#171d28;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Equal card rhythm regardless of the number of network actions. */
@media(min-width:1001px){#platforms-board{align-items:stretch}#platforms-board .platform-lane{height:100%}#platforms-board .platform-content{flex:1}#platforms-board .platform-profile{flex:1;justify-content:flex-start}#platforms-board .platform-profile header{min-height:84px}#platforms-board .connection-details{margin-top:auto}#platforms-board .profile-actions{align-content:start;min-height:184px}#platforms-board .platform-add{margin-top:auto}#platforms-board .platform-empty{flex:1}}

/* Uploaded portraits are fitted explicitly; background shorthand used to reset sizing. */
#model-dialog .model-portrait-preview.has-image{background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#0c1018;border-style:solid}
#model-dialog .model-provision-status.provision-pending:not([hidden]){display:flex;align-items:center;gap:14px;padding:18px 20px;margin:0 28px 20px;min-height:80px;background:var(--glass-tile);border:1px solid var(--glass-edge);border-radius:16px;box-shadow:inset 0 1px #ffffff0f}
.provision-pending>div{min-width:0}.provision-pending b{display:block;font:500 14px/1.4 var(--sans);color:#e1e9f8}.provision-pending small{display:block;margin-top:5px;font:12px/1.5 var(--sans);color:#a0aec5}.provision-pending>.live-dot{flex:none}.provision-pending:before{display:none}
#model-dialog.operation-active .model-provision-status{grid-template-areas:"gauge main" "steps steps" "foot foot";grid-template-columns:120px minmax(0,1fr);background:transparent;border:0;box-shadow:none;border-radius:0}
#model-dialog.operation-active .model-provision-status.details-hidden{grid-template-areas:"gauge main" "foot foot"}
#model-dialog .operation-gauge{padding:24px 12px;min-height:0}#model-dialog .operation-ring{width:90px;height:90px}#model-dialog .operation-ring:before{width:76px;height:76px}#model-dialog .operation-ring strong{font-size:26px}#model-dialog .operation-main{min-width:0;min-height:0;border-right:0;padding:32px 40px 22px 16px}#model-dialog .operation-main h3{font-size:24px;line-height:1.25}#model-dialog .operation-eta strong{font-size:26px;white-space:normal;min-width:0}#model-dialog .operation-steps-panel{border-top:1px solid #ffffff12;padding:20px 28px}#model-dialog .operation-message{white-space:normal;overflow-wrap:anywhere}#model-dialog .operation-footer{padding:16px 24px;line-height:1.5}#model-dialog .operation-steps b,#model-dialog .operation-steps small{white-space:normal}
@media(max-width:600px){#model-dialog .model-provision-status.provision-pending:not([hidden]){margin:0 20px 20px;padding:16px}#model-dialog.operation-active .model-provision-status{grid-template-columns:90px minmax(0,1fr)}#model-dialog .operation-ring{width:64px;height:64px}#model-dialog .operation-ring:before{width:54px;height:54px}#model-dialog .operation-ring strong{font-size:20px}#model-dialog .operation-main h3{font-size:19px}#model-dialog .operation-main{padding:28px 28px 20px 10px}}
/* Connections belong to a model: one glass surface, three quiet network columns. */
#platforms-board{display:block;margin:0 0 48px;border:0;background:none}
.connections-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}
.connection-search{display:flex;align-items:center;gap:10px;width:min(100%,340px);color:#8e9ab0}
.connection-search svg{width:17px;height:17px;flex:none}.connection-search input{width:100%;height:42px;background:transparent;border:0;border-bottom:1px solid #ffffff1b;border-radius:0;padding:8px 2px;color:#e8edf7;font:13px var(--sans);outline-offset:4px}
.connection-add-model,.connection-browser{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;min-height:40px;border:1px solid #ffffff23;border-radius:12px;background:linear-gradient(#ffffff0d,#ffffff03);color:#d6e0f2;font:500 12px var(--sans);white-space:nowrap;box-shadow:inset 0 1px #ffffff0b;cursor:pointer}
.connection-add-model svg,.connection-browser svg{width:15px;height:15px}.connection-model-list{display:grid;gap:22px}.connection-model{position:relative;border:1px solid #e0eaff20;border-radius:24px;background:linear-gradient(115deg,#c6d7fa0e,#ffffff02 45%,#9db9ef07),#10141bd9;box-shadow:inset 0 1px #ffffff14,0 16px 48px #0003;min-width:0}.connection-model:has(.connection-menu[open]){z-index:3}.connection-model[hidden]{display:none}
.connection-model-heading{display:flex;align-items:center;gap:14px;padding:22px 26px;border-bottom:1px solid #ffffff0d}.connection-model-avatar{width:48px;height:54px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#7089b828,#25365018);box-shadow:inset 0 0 0 1px #d2dfff18;color:#c8d5ed;font:400 18px var(--sans)}.connection-model-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.connection-model-name{min-width:0}.connection-model-name h2{font:500 20px/1.3 var(--sans);letter-spacing:-.035em;margin:0 0 4px;color:#ecf0f9;overflow-wrap:anywhere}.connection-model-name>span{font:11px/1.4 var(--sans);color:#8b99ae}.connection-model-tools{margin-left:auto;display:flex;align-items:center;gap:20px}.connection-count{color:#8f9fb5;font:11px var(--sans);white-space:nowrap}.connection-model-networks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.connection-account{position:relative;padding:22px 26px 24px;min-width:0}.connection-account+.connection-account{border-left:1px solid #ffffff0d}.connection-account-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px;min-height:32px}.connection-account-heading>img{width:26px;height:26px;object-fit:contain}.connection-account-heading>h3{font:500 14px/1.4 var(--sans);letter-spacing:-.01em;margin:0;color:#dde5f3}.connection-account-handle{margin:0 0 9px!important;color:#b0bed3;font:12px/1.5 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-account-status{display:flex;align-items:center;gap:6px;font:10px/1.5 var(--sans);color:#8e9bb0}.connection-account-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.connection-account-status.ready{color:#9ac5b2}.connection-account-status.attention{color:#d6b88f}.connection-account-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:37px;margin-top:20px;padding:10px 0 0;border:0;border-top:1px solid #ffffff0c;background:none;color:#c4d3ea;font:500 12px var(--sans);cursor:pointer;text-align:left}.connection-account-action svg{width:15px;height:15px;color:#7f93b4}.connection-account-action:hover{color:#fff}.connection-account.unconnected .connection-account-handle{color:#738096}.connection-account.unconnected .connection-account-heading{opacity:.65}
.connection-menu{margin-left:auto;position:relative;line-height:1}.connection-menu>summary{list-style:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:50%;font:20px/1 var(--sans);color:#8d9bb1;cursor:pointer}.connection-menu>summary::-webkit-details-marker{display:none}.connection-menu[open]>summary,.connection-menu>summary:hover{background:#ffffff09;border-color:#ffffff18;color:#e1e9f7}.connection-menu-content{position:absolute;right:0;top:39px;z-index:5;width:224px;padding:7px;border:1px solid #cadbff32;border-radius:15px;background:linear-gradient(130deg,#ffffff09,#ffffff02),#171d2af2;box-shadow:inset 0 1px #ffffff15,0 16px 44px #0009;backdrop-filter:blur(24px)}
.connection-menu-content>button,.connection-parameters>summary{display:block;width:100%;padding:11px 12px;min-height:38px;text-align:left;border:0;border-radius:9px;background:none;color:#c2cfe3;font:12px/1.4 var(--sans);letter-spacing:0;text-transform:none;cursor:pointer;white-space:normal}.connection-menu-content>button:hover,.connection-parameters>summary:hover{background:#ffffff0b;color:#fff}.connection-menu-content>.connection-disconnect{color:#d6a3a7;border-top:1px solid #ffffff0c;margin-top:5px;border-radius:0 0 9px 9px}.connection-parameters dl{display:grid;grid-template-columns:1fr;gap:5px;padding:4px 12px 10px;margin:0;font:10px/1.4 var(--sans);overflow-wrap:anywhere}.connection-parameters dt{color:#8291a8}.connection-parameters dd{margin:0 0 6px;color:#b9c7dc}.connection-no-results{padding:48px;text-align:center;color:#94a1b5}.connection-no-results[hidden]{display:none}
@media(max-width:900px){.connection-model-heading{padding:20px}.connection-account{padding:20px}.connection-model-tools{gap:12px}.connection-count{display:none}}
@media(max-width:600px){.connections-toolbar{gap:12px;margin-bottom:18px;align-items:stretch;flex-direction:column}.connection-search{width:100%}.connection-add-model{align-self:flex-start}.connection-model-heading{padding:18px;gap:10px;flex-wrap:wrap}.connection-model-name h2{font-size:18px}.connection-model-tools{margin-left:58px;width:100%}.connection-model-networks{grid-template-columns:1fr}.connection-account{padding:18px 20px}.connection-account+.connection-account{border-left:0;border-top:1px solid #ffffff0d}.connection-account-action{margin-top:14px}.connection-model{border-radius:20px}.connection-menu-content{width:210px}}

/* Phone lookup inside the existing glass connection form. */
.native-phone-add { display:grid; gap:10px; padding:0 0 22px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,.09); }
.native-phone-add-row { display:flex; gap:10px; align-items:stretch; }
.native-phone-add-row input { flex:1; min-width:0; width:100%; }
.native-phone-add-row button { flex:none; min-width:110px; justify-content:center; }
.native-phone-add small { color:var(--muted,#8f9bad); line-height:1.5; font-size:12px; }
#native-phone-add-status { margin:0; font-size:13px; line-height:1.5; color:#c3d4ef; }
#native-phone-id[aria-invalid="true"] { border-color:#ee9b93; }
@media(max-width:540px) { .native-phone-add-row { flex-direction:column; } }

/* Fixed switch geometry: generic form inputs must not enlarge the track. */
#composer-dialog :is(#instagram-options,#meta-options,.meta-feature-options) input[type=checkbox]{
  -webkit-appearance:none;appearance:none;box-sizing:border-box;display:block;
  width:38px;min-width:38px;max-width:38px;height:22px;min-height:22px;max-height:22px;
  padding:0;margin:0;flex:0 0 38px;align-self:center;position:relative;
  border:1px solid #ffffff25;border-radius:999px;background:#ffffff0d;
  box-shadow:inset 0 1px 2px #0004;cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
}
#composer-dialog :is(#instagram-options,#meta-options,.meta-feature-options) input[type=checkbox]::after{
  content:"";position:absolute;top:2px;left:2px;right:auto;bottom:auto;
  width:16px;height:16px;margin:0;border:0;border-radius:50%;background:#a7b3c7;
  box-shadow:0 1px 3px #0005;transform:translateX(0);transition:transform .16s ease,background .16s ease;
}
#composer-dialog :is(#instagram-options,#meta-options,.meta-feature-options) input[type=checkbox]:checked{background:#708bea;border-color:#8fa7ff;box-shadow:none}
#composer-dialog :is(#instagram-options,#meta-options,.meta-feature-options) input[type=checkbox]:checked::after{transform:translateX(16px);background:#fff}
#composer-dialog :is(#instagram-options,#meta-options,.meta-feature-options) input[type=checkbox]:focus-visible{outline:2px solid #b7c7ff;outline-offset:4px}
#composer-dialog :is(#instagram-options,#meta-options,.meta-feature-options) input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
#facebook-repost-check{display:grid;gap:12px;margin-top:12px;padding:16px;border:1px solid #ffffff19;border-radius:14px;background:#0b111a60}
#facebook-repost-check[hidden]{display:none}
#facebook-repost-check label{display:grid;gap:8px;color:#bcc8dc;font-size:12px}
#facebook-repost-status{margin:0;font-size:12px;line-height:1.5;color:#adbad0}
#facebook-repost-status[data-state=ready]{color:#9ecdb8}
#facebook-repost-status[data-state=error]{color:#e0b6a0}
#facebook-repost-check button{justify-self:start;min-height:36px;padding:7px 12px;border:1px solid #ffffff22;border-radius:8px;background:#ffffff07;color:#d3ddef;cursor:pointer}
@media(prefers-reduced-motion:reduce){#composer-dialog :is(#instagram-options,#meta-options,.meta-feature-options) input[type=checkbox],#composer-dialog :is(#instagram-options,#meta-options,.meta-feature-options) input[type=checkbox]::after{transition:none}}

#composer-dialog #instagram-location-controls{display:grid;gap:10px;margin-top:20px;padding:16px;border:1px solid var(--glass-edge,#ffffff19);border-radius:14px;background:var(--glass-tile,#ffffff04)}
#composer-dialog #instagram-location-controls[hidden]{display:none}
#composer-dialog #instagram-location-controls>label{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;min-width:0}
#composer-dialog #instagram-location-controls>label>span{font-size:12px;line-height:1.4;color:var(--muted,#9ba6b8)}
#composer-dialog #location-query{border-radius:9px;display:block;width:100%;min-width:0;box-sizing:border-box;margin:0}
#composer-dialog #location-selected{margin:0;font-size:12px;line-height:1.5;color:var(--muted,#9ba6b8);overflow-wrap:anywhere}
#composer-dialog #location-selected:empty{display:none}
#composer-dialog #location-results{display:grid;gap:6px;max-height:240px;overflow:auto}
#composer-dialog #location-results[hidden]{display:none}
#composer-dialog #location-results button{display:grid;gap:4px;text-align:left;white-space:normal;padding:12px;height:auto;min-height:64px;line-height:1.45;align-content:center;border:1px solid #ffffff16;border-radius:8px;background:#ffffff05;color:inherit;cursor:pointer}
#composer-dialog #location-results button small{font-size:11px;line-height:1.5;color:var(--muted,#9ba6b8)}
#composer-dialog #location-results button:focus-visible{outline:2px solid #b7c7ff;outline-offset:2px}

#composer-dialog select{-webkit-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23b9c3d5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 8px;background-position:right 16px center}

/* Keep scrolling controls inside the rounded modal surface. */
.sheet-dialog,.remote-dialog{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#8f9bb45c transparent}
.sheet-dialog .composer-layout,.sheet-dialog .composer-publish-scroll{scrollbar-width:thin;scrollbar-color:#8f9bb45c transparent}
@supports selector(::-webkit-scrollbar){
 .sheet-dialog,.remote-dialog,.sheet-dialog .composer-layout,.sheet-dialog .composer-publish-scroll{scrollbar-width:auto;scrollbar-color:auto}
 .sheet-dialog::-webkit-scrollbar,.remote-dialog::-webkit-scrollbar,.sheet-dialog .composer-layout::-webkit-scrollbar,.sheet-dialog .composer-publish-scroll::-webkit-scrollbar{width:8px;height:8px}
 .sheet-dialog::-webkit-scrollbar-track,.remote-dialog::-webkit-scrollbar-track{background:transparent;margin:28px 0}
 .sheet-dialog .composer-layout::-webkit-scrollbar-track,.sheet-dialog .composer-publish-scroll::-webkit-scrollbar-track{background:transparent;margin:14px 0}
 .sheet-dialog::-webkit-scrollbar-thumb,.remote-dialog::-webkit-scrollbar-thumb,.sheet-dialog .composer-layout::-webkit-scrollbar-thumb,.sheet-dialog .composer-publish-scroll::-webkit-scrollbar-thumb{background:#8f9bb45c;border:2px solid transparent;background-clip:padding-box;border-radius:999px}
 .sheet-dialog::-webkit-scrollbar-thumb:hover,.remote-dialog::-webkit-scrollbar-thumb:hover{background-color:#a7b3cc80}
}
#confirm-dialog .confirm-form>div{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
#confirm-dialog #confirm-cancel,#confirm-dialog #confirm-submit{box-sizing:border-box;min-height:42px;padding:10px 20px;border-radius:24px;font:500 12px/20px var(--sans);letter-spacing:0;text-transform:none;cursor:pointer;transition:background .16s,border-color .16s;color:#c4cede}
#confirm-dialog #confirm-cancel{border:1px solid #ffffff1c;background:#ffffff04}
#confirm-dialog #confirm-cancel:hover{background:#ffffff0a}
#confirm-dialog #confirm-submit{border:1px solid #dc8c8c50;background:#bb5c5c20;color:#f0bcbc;box-shadow:inset 0 1px 0 #ffffff08}
#confirm-dialog #confirm-submit:hover{border-color:#df92927a;background:#bb5c5c35}
#confirm-dialog #confirm-cancel:focus-visible,#confirm-dialog #confirm-submit:focus-visible{outline:2px solid #b7c7ff;outline-offset:3px}
#confirm-dialog #confirm-submit:disabled{opacity:.5;cursor:wait}
@media(prefers-reduced-motion:reduce){#confirm-dialog #confirm-cancel,#confirm-dialog #confirm-submit{transition:none}}

#confirm-dialog .confirm-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dc8c8c30;border-radius:50%;background:#bb5c5c12;color:#dca3a3}
#confirm-dialog .confirm-mark svg{width:20px;height:20px}

/* Every publication remains reachable without stretching the month grid. */
#calendar-grid .calendar-day{min-width:0}
#calendar-grid .calendar-day-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:24px}
#calendar-grid .calendar-day-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:1px solid #b6c9ef24;border-radius:12px;background:#a9c2ef0a;color:#a9bad6;font-size:10px;font-variant-numeric:tabular-nums}
#calendar-grid .day-jobs{display:flex;flex-direction:column;gap:6px;max-height:164px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#91a3c36b #ffffff05;cursor:auto}
#calendar-grid .day-jobs:empty{margin-top:0}
#calendar-grid .day-jobs:focus-visible{outline:2px solid #b7c7ff;outline-offset:3px;border-radius:10px}
#calendar-grid .calendar-job{flex-shrink:0;min-height:34px;box-sizing:border-box}
#calendar-grid .calendar-job time{font-variant-numeric:tabular-nums}
#calendar-grid .calendar-scroll-hint{display:block;margin-top:8px;color:#8c9bb5;font-size:9px;line-height:1.4;cursor:auto}
@supports selector(::-webkit-scrollbar){
 #calendar-grid .day-jobs{scrollbar-width:auto;scrollbar-color:auto}
 #calendar-grid .day-jobs::-webkit-scrollbar{width:7px}
 #calendar-grid .day-jobs::-webkit-scrollbar-track{background:#ffffff05;border-radius:8px}
 #calendar-grid .day-jobs::-webkit-scrollbar-thumb{background:#91a3c36b;border:1px solid transparent;background-clip:padding-box;border-radius:8px}
 #calendar-grid .day-jobs::-webkit-scrollbar-thumb:hover{background-color:#aebdd59c}
}
@media(max-width:680px){
 #calendar-grid .calendar-day-heading{flex-wrap:wrap}
 #calendar-grid .calendar-day-count{min-width:18px;height:18px;font-size:9px;padding:0 4px}
 #calendar-grid .day-jobs{max-height:144px}
 #calendar-grid .calendar-job{display:grid;grid-template-columns:3px minmax(0,1fr);gap:3px}
 #calendar-grid .calendar-job i{grid-row:1/3}
 #calendar-grid .calendar-job time{display:block;grid-column:2;font-size:9px}
 #calendar-grid .calendar-scroll-hint{font-size:8px}
}

/* Smoked glass: keep the dark tint while allowing the background to diffuse through. */
.sheet-dialog{
 background:radial-gradient(ellipse at 0% 0%,#dbe9ff18,transparent 54%),linear-gradient(135deg,#ffffff09,transparent 40%,#b3caff06),#10162091;
 border-color:#d9e7ff36;
 box-shadow:inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff13,inset 0 -1px 0 #c2d7ff0b,0 28px 90px #0008;
 -webkit-backdrop-filter:blur(26px) saturate(135%);backdrop-filter:blur(26px) saturate(135%);
}
.sheet-dialog::backdrop{background:#03050b4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sheet-dialog .dialog-heading{background:linear-gradient(110deg,#ffffff07,#ffffff01);border-bottom-color:#e3edff16}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sheet-dialog{background:linear-gradient(135deg,#ffffff0a,transparent 55%),#151b25}}
@media(prefers-reduced-transparency:reduce){.sheet-dialog{background:#151b25;-webkit-backdrop-filter:none;backdrop-filter:none}.sheet-dialog::backdrop{background:#03050b99;-webkit-backdrop-filter:none;backdrop-filter:none}}
