/* ShorterLinks creator studio: scoped reading surfaces, themes and responsive forms. */
.app-layout { --muted:#526176; --ink:#172C49; --line:#DCE3ED; }
.app-layout .app-nav a { font-size:14px; }
.app-layout .sidebar-help p,.app-layout .sidebar-user small { font-size:12px; color:#D1DCEC; }
.app-layout .breadcrumb { font-size:13px; color:#526176; }
.app-layout .stat-card:not(.stat-card-featured) small { font-size:12px; color:#526176; }
.app-layout .stat-card-featured small,.app-layout .stat-card-featured .stat-card-top>span:first-child { color:#FFFFFF; }
.app-layout .page-heading p,.app-layout .panel-heading p,.app-layout .field>span,.app-layout .field small { font-size:14px; line-height:1.85; color:#47566E; }
.app-layout .field>span { font-weight:650; color:#263B59; }
.app-layout .field input,.app-layout .field textarea,.app-layout .field select { font-size:15px; color:#172C49; }
.app-layout .table-wrap table { font-size:13px; }
.app-layout .table-wrap th,.app-layout .table-wrap td small { font-size:12px; color:#526176; }
.app-layout .table-wrap td { color:#354961; }
.app-layout .status-pill,.app-layout .button-small { font-size:12px; }
.app-layout .site-footer { font-size:13px; color:#47566E; }
.app-layout .site-footer small,.app-layout .site-footer a { font-size:12px; color:#47566E; }
.app-layout input:focus-visible,.app-layout textarea:focus-visible,.app-layout select:focus-visible,.client-editor a:focus-visible,.client-editor button:focus-visible,.theme-picker button:focus-visible { outline:3px solid #315EFF; outline-offset:3px; }
.client-editor { --editor-soft:#F4F7FD; }
.client-editor .page-heading { margin-bottom:26px; }
.client-editor .page-heading h1 { font-size:30px; line-height:1.5; }
.client-editor .page-heading p { max-width:680px; }
.client-editor .panel { padding:28px; border-radius:20px; box-shadow:0 8px 28px #172C4905; }
.client-editor .panel-heading { align-items:flex-start; margin-bottom:24px; }
.client-editor .panel-heading h2 { font-size:20px; }
.client-editor .form-grid { gap:22px 20px; }
.client-editor .field { gap:9px; min-width:0; }
.client-editor .field input:not([type=color]):not([type=hidden]):not([type=checkbox]),.client-editor .field textarea { border:1px solid #CBD5E3; border-radius:11px; background:#fff; min-height:48px; padding:12px 14px; }
.client-editor .field input::placeholder,.client-editor .field textarea::placeholder { color:#65748A; opacity:1; }
.client-editor .field textarea { resize:vertical; }
.client-editor .field input[type=url],.client-editor .input-prefix { direction:ltr; text-align:left; }
.client-editor .input-prefix { background:#F4F7FD; border-radius:11px; border-color:#CBD5E3; align-items:center; overflow:hidden; }
.client-editor .input-prefix b { color:#526176; font-size:12px; padding:0 12px; white-space:nowrap; }
.client-editor .input-prefix input { border:0!important; border-radius:0!important; min-width:0; }
.client-editor input[type=file] { width:100%; cursor:pointer; background:#F8FAFD!important; font-size:12px!important; }
.client-editor input[type=file]::file-selector-button { border:0; border-radius:7px; padding:9px 12px; background:#E7EDFF; color:#2549B9; font:inherit; font-weight:650; margin-inline-end:12px; cursor:pointer; }
.client-editor .client-overview-card { border-radius:18px; padding:24px; display:flex; flex-wrap:wrap; align-items:center; gap:24px; border:1px solid #DCE3ED; }
.client-editor .client-overview-main { flex:1 1 400px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.client-editor .client-page-identity { min-width:0; gap:14px; }
.client-editor .client-page-identity>div { min-width:0; }
.client-editor .client-page-identity b { display:block; overflow-wrap:anywhere; font-size:15px; line-height:1.8; }
.client-editor .client-page-identity small,.client-editor .client-page-identity p { font-size:13px; color:#526176; }
.client-editor .client-mini-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; flex:0 1 320px; padding:0; border:0; }
.client-editor .client-mini-stats span { font-size:12px; color:#526176; }
.client-editor .client-mini-stats strong { font-size:23px; }
.editor-jump-nav { display:flex; gap:10px; flex-wrap:wrap; margin:28px 0 20px; }
.editor-jump-nav a { padding:10px 15px; background:#fff; color:#344B71; border:1px solid #DCE3ED; border-radius:10px; font-size:13px; font-weight:650; }
.editor-jump-nav a:hover { color:#244CDD; border-color:#8DA8FF; background:#EDF2FF; }
.client-editor .client-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:26px; }
.client-editor .client-step { display:flex; gap:12px; background:#EDF2FA; border-radius:12px; padding:15px; align-items:flex-start; }
.client-editor .client-step>span { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:#DCE6FA; color:#2549B9; flex-shrink:0; }
.client-editor .client-step b { display:block; font-size:13px; color:#273F61; }
.client-editor .client-step small { display:block; font-size:12px; line-height:1.9; color:#526176; }
.client-editor .client-layout-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr); align-items:start; gap:24px; }
.client-editor .client-preview-panel { position:sticky; top:24px; }
.client-editor .client-settings-panel,.client-editor .client-preview-panel { min-width:0; }
.client-editor [id] { scroll-margin-top:24px; }
.client-editor .button { min-height:44px; font-size:14px; border-radius:10px; padding:11px 18px; }
.client-editor .form-actions { padding-top:8px; }
.client-editor .link-composer { background:#F7F9FD; border:1px solid #E0E7F1; padding:24px; border-radius:15px; }
.client-editor .add-link-panel>.panel-heading { margin-bottom:22px; }
.client-editor .report-form-note { font-size:13px; line-height:1.9; padding:13px 16px; border-inline-start:3px solid #7395EF; background:#EAF0FC; border-radius:8px; color:#354A6D; }
.client-editor .item-card { padding:22px; border:1px solid #DCE3ED; border-radius:15px; background:#fff; gap:18px; }
.client-editor .item-main { min-width:0; }
.client-editor .item-main h3,.client-editor .item-main strong { font-size:17px; }
.client-editor .item-main p,.client-editor .item-main a,.client-editor .note-box { font-size:13px; line-height:1.9; overflow-wrap:anywhere; color:#415570; }
.client-editor .item-actions { display:flex; flex-wrap:wrap; gap:8px; }
.client-editor .item-editor { grid-column:1/-1; width:100%; border-top:1px solid #E0E7F1; padding-top:15px; }
.client-editor .item-editor summary { padding:9px 0; color:#284CB7; font-size:14px; font-weight:650; cursor:pointer; }
.client-editor .item-editor[open] summary { margin-bottom:14px; }
.client-editor .item-editor .form-grid { background:#F7F9FD; padding:20px; border-radius:12px; }
.client-editor .danger-form { margin-top:14px; }
.client-editor .empty-state { font-size:14px; line-height:2; color:#526176; padding:32px 20px; }
.client-editor .icon-button { width:39px; height:39px; font-size:18px; border:1px solid #CCD7E8; border-radius:9px; color:#294778; background:#F5F8FD; }
.client-editor .publication-card { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:22px 26px; margin:22px 0; border:1px solid #B9CBFA; border-radius:16px; background:#EDF3FF; }
.publication-card h2 { font-size:17px; color:#203A60; }
.publication-card p { color:#3E5678; font-size:14px; line-height:1.9; margin-top:7px; }
.publication-card .publication-feedback { background:#fff; border-radius:8px; padding:10px 14px; margin-top:10px; overflow-wrap:anywhere; }
.publication-card .status-pill { margin-bottom:8px; }
.theme-picker { background:#F5F8FD; border:1px solid #DCE3ED; border-radius:15px; padding:20px; min-width:0; }
.theme-picker-heading { display:flex; gap:12px; justify-content:space-between; align-items:flex-start; }
.theme-picker-heading>div>span { font-size:16px; font-weight:700; color:#243B5A; }
.theme-picker-heading small { display:block; margin-top:6px; color:#526176; font-size:13px; line-height:1.8; }
.theme-picker-status { color:#2447AD; background:#E4ECFF; padding:6px 10px; border-radius:7px; font-size:12px; white-space:nowrap; }
.theme-picker .gradient-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:18px 0; }
.theme-picker .gradient-option { display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; position:relative; height:94px; min-width:0; padding:10px; border:2px solid transparent; border-radius:12px; background:var(--preset-gradient); color:#fff; text-align:right; cursor:pointer; }
.theme-picker .gradient-option .preset-sample { display:flex; flex-direction:column; gap:5px; width:52%; }
.preset-sample i { display:block; height:7px; border-radius:4px; background:#fff; }
.preset-sample i+ i { width:75%; background:var(--preset-accent); height:12px; border:1px solid #fff9; }
.theme-picker .gradient-option b { background:#101D32; color:#fff; font-size:12px; line-height:1.6; border-radius:5px; padding:2px 5px; align-self:flex-start; }
.theme-picker .gradient-option .preset-selected { display:none; position:absolute; top:8px; left:8px; background:#fff; color:#1E40AF; width:21px; height:21px; border-radius:50%; place-items:center; font-weight:800; }
.theme-picker .gradient-option.is-selected { outline:3px solid #315EFF; outline-offset:2px; }
.theme-picker .gradient-option.is-selected .preset-selected { display:grid; }
.theme-picker .custom-color-option { display:flex; flex-direction:row; align-items:center; gap:12px; padding:10px 13px; border:1px solid #CCD6E7; border-radius:10px; background:#fff; font-size:13px; color:#263E60; width:max-content; max-width:100%; }
.theme-picker .custom-color-option.is-selected { border-color:#315EFF; box-shadow:0 0 0 1px #315EFF; }
.theme-picker .custom-color-swatch { display:block; width:38px; height:34px; }
.theme-picker input[type=color] { width:100%; height:100%; border:0; padding:0; cursor:pointer; }
.theme-picker .contrast-note { color:#475B77; font-size:12px; line-height:1.9; margin:13px 0 0; }
.color-fields.identity-colors { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-self:start; }
.identity-colors label { display:flex; flex-direction:column; gap:8px; font-size:13px; color:#344B68; }
.identity-colors input[type=color] { width:100%; height:46px; padding:5px; background:#fff; border:1px solid #CCD6E7; border-radius:9px; cursor:pointer; }
.identity-colors>small { grid-column:1/-1; font-size:12px; color:#526176; line-height:1.8; }
.profile-body { margin:0; background:#0F1E36; }
.profile-body .profile-shell { min-height:100vh; padding:55px 20px; position:relative; isolation:isolate; overflow:hidden; background:var(--profile-bg); color:var(--profile-text); }
.profile-shell::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.16; background-image:linear-gradient(#fff4 1px,transparent 1px),linear-gradient(90deg,#fff4 1px,transparent 1px); background-size:56px 56px; mask-image:radial-gradient(ellipse at 50% 35%,#000,transparent 76%); }
.profile-body .profile-ambient { display:block; position:absolute; width:min(85vw,900px); aspect-ratio:1; border:1px solid #ffffff38; border-radius:38%; pointer-events:none; z-index:-1; animation:sl-contour 28s ease-in-out infinite alternate; }
.profile-body .profile-ambient-one { top:-24%; right:-22%; transform:rotate(25deg); }
.profile-body .profile-ambient-two { bottom:-24%; left:-22%; transform:rotate(-25deg); animation-delay:-14s; }
@keyframes sl-contour { from { transform:translate3d(0,0,0) rotate(12deg); } to { transform:translate3d(0,55px,0) rotate(42deg); } }
.profile-body .profile-card { max-width:600px; padding:35px 30px 23px; border-radius:28px; background:var(--profile-surface); color:var(--profile-text); border:1px solid #8298BB40; box-shadow:0 25px 80px #08162F26; text-align:center; }
.profile-body .profile-avatar { width:104px; height:104px; border-radius:28px; object-fit:cover; border:4px solid #8BA6D645; box-shadow:0 8px 22px #0002; }
.profile-body .profile-avatar-placeholder { background:var(--profile-accent); color:var(--profile-button-text); }
.profile-body .profile-title-row h1 { font-size:30px; line-height:1.5; color:inherit; letter-spacing:0; overflow-wrap:anywhere; }
.profile-body .profile-bio { color:inherit; opacity:1; font-size:16px; line-height:1.95; margin:14px auto 22px; overflow-wrap:anywhere; }
.profile-body .social-link { width:42px; height:42px; color:inherit; background:transparent; border-color:currentColor; border-radius:13px; }
.profile-body .social-link:hover { transform:translateY(-2px); color:inherit; }
.profile-body .public-links { margin-top:30px; }
.profile-body .public-link-entry { margin-bottom:21px; }
.profile-body .public-link-card { color:var(--profile-button-text); background:var(--profile-accent); padding:17px; gap:14px; border-radius:16px; border:1px solid #8199BB50; min-height:84px; text-decoration:none; transition:transform .18s,background-color .18s,color .18s; }
.profile-body .public-link-card:hover { background:var(--profile-text); color:var(--profile-surface); transform:translateY(-3px); }
.profile-body .public-link-card:focus-visible,.profile-body a:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
.profile-body .public-link-copy { min-width:0; }
.profile-body .public-link-copy strong { font-size:17px; line-height:1.7; font-weight:700; overflow-wrap:anywhere; }
.profile-body .public-link-copy small { font-size:14px; line-height:1.8; opacity:1; margin-top:3px; overflow-wrap:anywhere; }
.profile-body .public-link-card>img,.profile-body .link-placeholder { width:52px; height:52px; border-radius:12px; object-fit:cover; }
.profile-body .public-link-arrow { opacity:1; }
.profile-body .public-link-report { color:inherit; opacity:1; font-size:12px; line-height:1.8; padding:6px 4px 0; text-decoration:underline; text-underline-offset:3px; }
.profile-body .empty-profile { font-size:15px; opacity:1; color:inherit; line-height:1.9; }
.creator-footer { border-top:1px solid #8298BB55; margin-top:29px; padding-top:23px; display:flex; flex-direction:column; align-items:center; gap:15px; color:inherit; }
.creator-footer a { color:inherit; }
.creator-footer-brand { font-size:17px; font-weight:750; direction:ltr; letter-spacing:-.5px; }
.creator-footer-brand span { font-size:20px; }
.creator-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 18px; }
.creator-footer nav a,.creator-footer .creator-support { font-size:12px; line-height:1.8; }
.creator-footer a:hover { text-decoration:underline; text-underline-offset:4px; }
.creator-footer>small { font-size:11px; color:inherit; }
.client-editor .mini-profile-preview { background:var(--preview-bg); color:var(--preview-text); padding:20px; border-radius:19px; min-height:400px; }
.client-editor .mini-profile-content { padding:24px 17px; background:var(--preview-surface); border:1px solid #8298BB40; border-radius:17px; color:var(--preview-text); }
.client-editor .mini-profile-content>h3 { font-size:21px; color:inherit; line-height:1.7; }
.client-editor .mini-profile-content>p { font-size:14px; line-height:1.9; color:inherit; opacity:1; margin-bottom:20px; }
.client-editor .mini-profile-avatar { object-fit:cover; }
.client-editor .mini-profile-placeholder { color:var(--preview-button-text); }
.client-editor .mini-social-row>span { width:36px; height:36px; border-radius:11px; border-color:currentColor; color:inherit; }
.client-editor .mini-link-stack>div { background:var(--preview-accent); color:var(--preview-button-text); border-radius:12px; padding:14px 12px; }
.client-editor .mini-link-stack b { font-size:14px; line-height:1.7; }
.client-editor .mini-link-stack small { font-size:12px; line-height:1.7; opacity:1; }
.publication-review-card { border:1px solid #DCE3ED; border-radius:15px; padding:24px; margin-bottom:18px; background:#fff; }
.publication-review-card h2 { font-size:19px; }
.publication-review-card p,.publication-review-card label { font-size:14px; line-height:1.9; color:#47566E; }
.publication-review-card .review-meta { display:flex; flex-wrap:wrap; gap:12px; margin:12px 0 17px; }
.publication-review-card .review-links { padding:16px 24px; background:#F5F8FD; border-radius:10px; margin:18px 0; font-size:14px; }
.publication-review-card .review-links li { margin:10px 0; overflow-wrap:anywhere; }
.publication-review-card .review-links a { display:block; direction:ltr; text-align:right; }
.publication-review-card textarea { width:100%; margin:10px 0; border:1px solid #CCD6E7; border-radius:8px; padding:12px; font:inherit; }
.publication-review-card .review-form-row { display:flex; flex-wrap:wrap; gap:14px; align-items:flex-end; }
.publication-review-card .review-form-row>form:last-child { flex:1 1 300px; }
@media (max-width:1100px) { .client-editor .client-layout-grid { grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); } .client-editor .panel { padding:22px; } }
@media (max-width:800px) { .client-editor .client-layout-grid { grid-template-columns:1fr; } .client-editor .client-preview-panel { position:static; order:-1; } .client-editor .mini-profile-preview { max-width:430px; margin:auto; } .client-editor .client-steps { grid-template-columns:1fr; } .client-editor .publication-card { align-items:stretch; flex-direction:column; } .client-editor .client-mini-stats { flex:1 1 100%; } }
@media (max-width:520px) { .client-editor .page-heading h1 { font-size:25px; } .client-editor .panel { padding:19px 16px; } .client-editor .link-composer,.client-editor .item-editor .form-grid { padding:16px; } .client-editor .client-overview-main { flex-direction:column; align-items:stretch; } .client-editor .client-mini-stats { gap:8px; } .client-editor .input-prefix b { font-size:10px; padding:0 7px; } .theme-picker { padding:16px; } .theme-picker .gradient-presets { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .theme-picker .gradient-option { height:83px; padding:8px; } .theme-picker-heading { flex-direction:column; } .profile-body .profile-shell { padding:24px 12px; } .profile-body .profile-card { padding:27px 18px 20px; border-radius:21px; } .profile-body .profile-title-row h1 { font-size:26px; } .profile-body .public-link-card { padding:14px 12px; gap:11px; } .profile-body .public-link-copy strong { font-size:16px; } .profile-body .public-link-copy small { font-size:13px; } .creator-footer nav { gap:10px 14px; } }
@media (prefers-reduced-motion:reduce) { .profile-body .profile-ambient { animation:none; } .profile-body .public-link-card,.profile-body .social-link,.profile-body .public-link-card:hover,.profile-body .social-link:hover { transition:none; transform:none; } }

.page-address-controls .input-prefix{display:flex;direction:ltr;align-items:center;border:1px solid #CBD5E3;border-radius:11px;background:#F4F7FD;overflow:hidden;min-width:0}
.page-address-controls .input-prefix b{padding:0 12px;font-size:13px;color:#526176;white-space:nowrap;direction:ltr}
.page-address-controls .input-prefix input{min-width:0;border:0;border-radius:0;background:#fff;direction:ltr;text-align:left;font-size:15px}
.page-address-controls .input-prefix:focus-within{outline:2px solid #315EFF;outline-offset:2px}
.page-address-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.page-address-controls>small{display:block;color:#526176;font-size:12px;line-height:1.9;margin-top:8px}
.theme-picker .card-color-settings{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid #DCE3ED}
.card-color-settings label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#344B68}
.card-color-settings select{font-size:13px;color:#172C49;min-height:44px;background:#fff}
.theme-picker .card-color-settings input[type=color]{height:44px;width:100%;border:1px solid #CBD5E3;border-radius:8px;padding:4px;background:#fff}
.theme-picker .card-color-settings input:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:520px){.theme-picker .card-color-settings{grid-template-columns:1fr}.page-address-controls .input-prefix b{font-size:11px;padding:0 8px}}

.report-range-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 26px;padding:19px 22px;background:#fff;border:1px solid #DCE3ED;border-radius:15px}
.report-range-controls .analytics-range-tabs{margin:0;flex-wrap:wrap}
.custom-report-range{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.custom-report-range label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#344B68}
.custom-report-range input[type=date]{width:160px;min-height:42px;border:1px solid #CBD5E3;background:#fff;font-size:14px;direction:ltr}
.report-range-controls>p{flex-basis:100%;font-size:12px;color:#526176;line-height:1.8;margin:0}
.analytics-chart-panel .line-chart{height:265px}
.analytics-chart-panel .chart-scale,.analytics-chart-panel .chart-date-labels{font-size:12px;color:#526176}
.analytics-chart-panel .analytics-legend{font-size:12px;color:#47566E}
.hourly-unavailable{padding:22px;border:1px solid #D8E2F2;border-radius:12px;background:#F5F8FD;color:#3F5678;font-size:14px;line-height:2}
@media(max-width:700px){.report-range-controls{padding:16px}.custom-report-range{width:100%}.custom-report-range label{flex:1 1 130px}.custom-report-range input[type=date]{width:100%}.analytics-chart-panel .line-chart{height:225px}}

/* Update 007: publication controls and review notifications in the private workspace. */
.app-body .page-publication-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:22px 26px;margin-bottom:26px;border:2px solid #CFDAF5;border-radius:16px;background:#fff;box-shadow:0 6px 24px rgba(49,94,255,.06)}
.publication-address{display:flex;flex-direction:column;gap:7px;min-width:0}.publication-address>span{font-size:13px;font-weight:600;color:#526176}.publication-address>a{font-size:18px;font-weight:700;overflow-wrap:anywhere;color:#214BDA}
.publication-actions,.table-publication-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.publication-actions form,.table-publication-controls form{margin:0}
.app-body .publication-button{min-height:48px;min-width:155px;font-size:15px;font-weight:700;padding:12px 22px;border-radius:10px;white-space:nowrap;box-shadow:0 4px 12px rgba(49,94,255,.12)}
.app-body .publication-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.publication-actions .status-pill,.table-publication-controls .status-pill{font-size:13px;padding:7px 12px;white-space:nowrap}
.table-publication-controls{gap:9px}.table-publication-controls .publication-button{min-height:44px;min-width:125px;font-size:13px;padding:10px 16px}
.review-notification{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;min-width:42px;padding:9px 12px;border:1px solid #D8E0EE;background:#F7F9FC;border-radius:11px;color:#47566E;font-size:12px;font-weight:700}
.review-notification.has-pending{color:#9B321D;background:#FFF3E7;border-color:#EAC89E}.notification-badge{position:absolute;top:-9px;inset-inline-end:-8px;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:2px solid #fff;border-radius:999px;background:#CC304C;color:#fff;font:700 12px/1 'Segoe UI',Tahoma,Arial;box-shadow:0 2px 7px rgba(163,27,56,.18)}
.app-nav .nav-count-badge{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:auto;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#FFDC78;color:#332702;font-size:12px;font-weight:800}.app-nav a:has(.nav-count-badge){background:rgba(255,220,120,.09)}.app-nav a.active:has(.nav-count-badge){background:rgba(49,94,255,.25)}
.review-alert{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:24px;margin:0 0 28px;border:1px solid #E9C67E;border-radius:16px;background:#FFFBF1;box-shadow:0 5px 20px rgba(165,111,23,.05)}
.review-alert-message{display:flex;align-items:center;gap:17px;min-width:0}.review-alert-icon{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:45px;height:45px;border-radius:12px;background:#F6E6BA;color:#805808}.review-alert-message h2{font-size:18px;color:#583E10}.review-alert-message p{margin-top:5px;font-size:14px;line-height:1.9;color:#685735}.review-alert-actions{display:flex;flex-wrap:wrap;gap:10px}.review-alert-actions .button{min-height:42px}.review-alert-actions b{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:rgba(255,255,255,.2);padding:0 7px;min-width:25px}
.moderator-policy-box{margin:22px 0;padding:20px;border:1px solid #D6E0F5;background:#F6F8FF;border-radius:13px}.moderator-policy-box h3{font-size:16px}.moderator-policy-box>p,.policy-help,.manager-policy-note{font-size:13px;line-height:1.9;color:#465974;margin-top:8px}.policy-permission{align-items:flex-start!important;gap:12px!important}.policy-permission input{flex:none;accent-color:#315EFF;width:19px;height:19px;margin-top:3px}.policy-permission span{line-height:1.8}.policy-permission small{display:block;font-size:12px;color:#526176}.manager-policy-note a{font-weight:700;text-decoration:underline}.moderator-percentage-panel .percentage-form{margin:0}
.review-notification:focus-visible,.publication-button:focus-visible{outline:3px solid #315EFF;outline-offset:4px}
@media(max-width:700px){.app-body .page-publication-bar{padding:18px;gap:18px}.publication-address{width:100%}.publication-actions{width:100%;justify-content:space-between}.publication-actions .publication-button{min-width:170px}.review-alert{padding:20px 17px}.review-alert-actions{width:100%}.review-alert-actions .button{flex:1;white-space:nowrap}.notification-label{display:none}.review-notification{padding:8px}.topbar-tools{gap:12px}.topbar-tools .version-chip{display:none}}

/* Update 008: compact creator credit, dismissible warnings and horizontal link tools. */
.profile-body .creator-footer-compact{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding-top:22px}.profile-body .creator-home-button{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid currentColor;border-radius:10px;font-size:13px;font-weight:700;color:var(--profile-text);text-decoration:none}.creator-home-button span{font-size:18px}.creator-home-button:hover{opacity:.82}
[data-dismissible-alert][hidden]{display:none!important}.review-alert,.click-abuse-alert{position:relative}.review-alert{padding-inline-end:45px}.alert-close{position:absolute;top:8px;inset-inline-end:9px;border:0;background:transparent;color:#79602B;font:22px/1 'Segoe UI',Tahoma,sans-serif;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px}.alert-close:hover{background:rgba(90,50,0,.08)}.alert-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.click-abuse-alert{padding:24px 24px 24px 24px;padding-inline-end:45px;margin:0 0 15px;border:1px solid #E7A3AF;border-radius:16px;background:#FFF2F4;color:#8A1F35;box-shadow:0 5px 20px rgba(145,31,53,.04)}.click-abuse-alert .alert-close{color:#9D233D}.abuse-alert-heading{display:flex;align-items:flex-start;gap:15px}.abuse-warning-symbol{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#B92645;color:#fff;font-size:24px;font-weight:800}.click-abuse-alert h2{font-size:18px;color:#8A1F35}.click-abuse-alert p{font-size:14px;line-height:1.9;margin-top:7px}.click-abuse-alert small{display:block;font-size:12px;line-height:1.8;color:#874352;margin-top:4px}.demo-label{display:inline-block;font-size:11px;font-weight:700;background:#F7D8DF;color:#7D1E32;border-radius:5px;padding:3px 8px;margin-bottom:8px}.demo-alert-toggle{display:block;margin:0 0 25px;padding:4px 0;background:none;border:0;font:12px Tahoma,sans-serif;cursor:pointer}.abuse-alert-rows{margin-top:15px}.abuse-alert-rows>div{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:13px 0;border-top:1px solid #EFC4CE;font-size:14px}.abuse-block-form{margin:0}.abuse-alert-footnote{font-size:12px!important}.image-upload-note{display:block;font-size:12px!important;line-height:1.9;color:#465A75!important}
.app-body .item-card>.link-toolbar,.client-editor .item-card>.link-toolbar{grid-column:1/-1;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #E4E9F1;padding-top:14px;margin-top:6px}.link-toolbar-actions{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.link-toolbar form{margin:0}.link-toolbar .icon-button{width:37px;height:37px;font-size:18px}.link-drag-handle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #D9E1EF;border-radius:9px;background:#F6F8FC;padding:7px 11px;color:#405673;font:13px Tahoma,Arial,sans-serif;cursor:grab;touch-action:none;user-select:none}.link-drag-handle span{font-size:23px;line-height:1}.link-drag-handle:active{cursor:grabbing}.link-drag-handle:focus-visible{outline:2px solid #315EFF;outline-offset:3px}.item-card.is-dragging{opacity:.65;border:2px dashed #315EFF;box-shadow:0 5px 20px rgba(49,94,255,.12)}.reorder-status{padding:10px 14px;margin:10px 0;border-radius:9px;background:#EAF7F2;color:#15644B;font-size:13px}.reorder-status[data-error=true]{background:#FFF0F3;color:#A3243E}.item-list[aria-busy=true] .link-drag-handle{cursor:wait;opacity:.6}
@media(max-width:600px){.click-abuse-alert{padding:20px 16px;padding-inline-end:39px}.abuse-alert-heading{gap:10px}.abuse-warning-symbol{width:30px;height:30px;font-size:20px}.click-abuse-alert h2{font-size:16px}.click-abuse-alert p{font-size:13px}.link-toolbar-actions{gap:6px}.link-drag-handle{padding:7px 9px}.link-toolbar .button{padding-inline:11px}}

.profile-page-report{font-size:13px;color:inherit;padding:4px 7px;text-decoration:none;opacity:.8}.profile-page-report:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.moderator-link-card>.item-main{grid-column:1/-1;min-width:0}.moderator-link-card .item-main>small{display:block;margin-top:8px;color:#526176}

/* Update 009: one editor overview, true publication colors and readable chart inspection. */
.profile-body .creator-footer-text{display:flex;align-items:center;justify-content:center;padding-top:20px}.profile-body .creator-copyright{display:inline;color:inherit;font-size:12px;font-weight:600;text-decoration:none;border:0;background:none;padding:0}.profile-body .creator-copyright:hover{text-decoration:underline;text-underline-offset:3px}.creator-copyright:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}
.client-editor .client-overview-card{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:26px;padding:24px 26px}.client-editor .client-overview-main{min-width:0}.client-editor .client-overview-tools{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.client-editor .client-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:0;background:#F6F8FC;border:1px solid #DCE4F1;border-radius:13px;padding:13px 6px}.client-editor .client-mini-stats>div{padding:0 13px;text-align:center;white-space:nowrap}.client-editor .client-mini-stats>div+div{border-inline-start:1px solid #DCE4F1}.client-editor .client-mini-stats span{font-size:12px;color:#526176}.client-editor .client-mini-stats strong{font-size:24px;line-height:1.4;margin-top:5px;color:#18324F}.client-overview-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-overview-actions .button{min-height:44px;font-size:13px}.client-editor .client-page-identity .ltr-text{overflow-wrap:anywhere;white-space:normal}
.app-body .item-card[data-link-state=published],.client-editor .item-card[data-link-state=published]{background:#F2FAF5;border-color:#BCDCC8}.app-body .item-card[data-link-state=unpublished],.client-editor .item-card[data-link-state=unpublished],.app-body .item-card[data-link-state=pending],.app-body .item-card[data-link-state=waiting-page]{background:#FFFAF0;border-color:#EBD09B}.app-body .item-card[data-link-state=blocked],.app-body .item-card[data-link-state=rejected]{background:#FFF3F5;border-color:#E8B4C0}.item-card[data-link-state] .status-warning{background:#FFF0CE;color:#854800}.item-card[data-link-state] .status-success{background:#DDF2E4;color:#22603A}.item-card[data-link-state] .link-toolbar{border-top-color:rgba(100,115,130,.2)}
.link-drag-handle{-webkit-user-drag:none}.link-drag-handle>*{pointer-events:none}.item-list.is-sorting{cursor:grabbing;user-select:none}.item-list.is-sorting .link-drag-handle{cursor:grabbing}.app-body .item-card.is-dragging{outline:2px dashed #315EFF;outline-offset:2px;border-width:1px;opacity:.75}
.line-chart[data-interactive-chart]{position:relative}.chart-hover-zone{cursor:crosshair;outline:none}.chart-hover-zone:focus-visible{fill:rgba(49,94,255,.055)}.chart-hover-guide{pointer-events:none}.chart-tooltip{position:absolute;z-index:8;direction:rtl;pointer-events:none;min-width:205px;max-width:270px;padding:13px 15px;border:1px solid #C7D3E7;border-radius:12px;background:#fff;box-shadow:0 8px 26px rgba(20,42,69,.14);color:#142A45;font-size:13px;line-height:1.6}.chart-tooltip[hidden]{display:none}.chart-tooltip>strong{display:block;font-size:12px;margin-bottom:8px;white-space:nowrap;color:#40536D}.chart-tooltip>span{display:flex;align-items:center;gap:8px;margin-top:4px}.chart-tooltip b{margin-inline-start:auto;font-size:15px}.tooltip-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.tooltip-views{background:#315EFF}.tooltip-clicks{background:#16886B}.chart-data-point.chart-point-active{stroke-width:3;r:5}.chart-click-point.chart-point-active{stroke-width:2.5;r:4}
@media(max-width:1250px){.client-editor .client-overview-card{grid-template-columns:1fr}.client-editor .client-overview-tools{justify-content:space-between}.client-editor .client-overview-main{width:100%}}
@media(max-width:600px){.client-editor .client-overview-card{padding:20px 16px;gap:20px}.client-editor .client-overview-tools{display:flex;flex-direction:column;align-items:stretch;gap:14px}.client-editor .client-mini-stats{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:13px 0}.client-editor .client-mini-stats>div{padding:0 5px}.client-editor .client-mini-stats span{font-size:10px}.client-editor .client-mini-stats strong{font-size:22px}.client-overview-actions{display:grid;grid-template-columns:1fr 1fr}.client-overview-actions .button{padding-inline:9px;font-size:12px;justify-content:center}.chart-tooltip{min-width:185px;font-size:12px;padding:10px 12px}.chart-tooltip>strong{font-size:11px}}

/* Update 010: simplified client workspace; staff layouts retain their existing controls. */
.client-editor .client-overview-tools{direction:rtl;flex-wrap:nowrap;justify-content:space-between;width:100%}.client-editor .client-mini-stats{flex:0 0 auto}.client-editor .client-overview-actions{margin-inline-start:auto;justify-content:flex-start;align-items:flex-start;gap:10px}.client-editor .client-overview-actions>.button{align-self:flex-start}.client-publication-request{display:flex;flex-direction:column;align-items:center;gap:7px}.client-publication-request form{margin:0}.client-overview-actions .button-request-publication{background:#EDF3FF;border-color:#BCCDF6;color:#2448AC}.client-overview-actions .button-request-publication:hover:enabled{background:#DFE9FF;border-color:#93ADEA;color:#183A95}.client-overview-actions .button-request-publication:disabled{opacity:.7}.client-request-hint{max-width:155px;text-align:center;font-size:11px;line-height:1.7;color:#526176}.client-request-feedback{flex-basis:100%;border-radius:9px;background:#FFF3E7;padding:10px 12px;font-size:12px;color:#854800;line-height:1.8}
.client-editor .theme-picker .card-color-settings{grid-template-columns:1fr}.client-color-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.client-color-swatches label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:13px;color:#344B68}.client-color-swatches input[type=color]{width:100%;height:46px;background:#fff;border:1px solid #CBD5E3;border-radius:9px;padding:5px;cursor:pointer}.client-color-swatches input:disabled{opacity:.55;cursor:not-allowed}.client-color-help{display:block;font-size:12px;line-height:1.8;color:#526176;margin-top:10px}.client-editor .client-social-links{min-width:0;margin:4px 0 0;padding:18px 20px 20px;border:1px solid #DCE4F1;border-radius:13px;background:#F8FAFD}.client-social-links legend{padding:0 8px;font-size:14px;font-weight:700;color:#263F61}.client-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-social-grid input{direction:ltr;text-align:left}.client-editor .client-submit-actions{display:flex;justify-content:center;align-items:center;width:100%;padding-top:8px}.client-editor .client-submit-actions .button{min-width:165px}
.client-workspace .client-nav-toggle{display:none}
@media(max-width:1450px){.client-editor .client-overview-card{grid-template-columns:1fr}.client-editor .client-overview-main{width:100%}}
@media(max-width:1000px){.client-workspace .client-nav-toggle{display:flex;align-items:center;gap:8px;margin:16px 18px 0 auto;padding:9px 13px;border:1px solid #DCE3ED;border-radius:10px;background:#fff;color:#263F61;position:relative;z-index:35;font-size:13px}}
@media(max-width:850px){.client-editor .client-overview-tools{flex-wrap:wrap;gap:16px}.client-editor .client-overview-actions{flex-wrap:wrap}.client-request-hint{max-width:150px}}
@media(max-width:600px){.client-editor .client-overview-actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:0}.client-editor .client-overview-tools{align-items:stretch}.client-editor .client-mini-stats{flex:0 0 auto}.client-publication-request{align-items:flex-start}.client-request-hint{text-align:right}.client-social-grid{grid-template-columns:1fr}.client-editor .client-social-links{padding:14px 13px 16px}.client-color-swatches{gap:9px}.client-color-swatches label{font-size:11px}}