/* Timeless Authors V5: compact layout and database-controlled branding. */
html{font-size:16px}
body,button,input,select,textarea{font-family:"Montserrat",Arial,sans-serif}
body{font-size:1rem;line-height:1.45}
h1,h2,h3,h4,h5,h6,.brand b,.title-row h1,.author-welcome h1,.stat strong,.metric strong,.royalty-total strong,.author-payment>strong,.donut b,.book h3,.package h3,.package-price{font-family:"Montserrat",Arial,sans-serif}
.shell{grid-template-columns:260px minmax(0,1fr)}
.side{padding:24px 18px 16px}
.brand{gap:12px;margin-bottom:26px}
.side>.brand{padding:0 4px}
.brandmark{width:44px;height:44px;flex-basis:44px;border-radius:13px}
.brandmark{background:linear-gradient(145deg,var(--brand2),var(--brand))}
.brandmark-logo{overflow:hidden;padding:4px;background:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 28%,transparent)}
.brandmark-logo img{width:100%;height:100%;display:block;object-fit:contain;border-radius:9px}
.brand-text{min-width:0}.brand-text b{overflow-wrap:anywhere}.side .brand-text{max-width:160px}
.brandmark .nav-icon{width:24px;height:24px}
.brand b{font-size:1.12rem;line-height:1.2;font-weight:700}
.brand small{font-size:.67rem;line-height:1.2;letter-spacing:.2em;margin-top:5px}
.nav{gap:3px}
.nav a{gap:12px;padding:11px 13px;border-radius:10px;font-size:.9rem;line-height:1.3}
.nav a:hover{background:var(--nav2)}
.nav a.on{background:linear-gradient(100deg,var(--brand),var(--brand2));box-shadow:0 10px 25px color-mix(in srgb,var(--brand) 22%,transparent)}
.nav-icon{width:19px;height:19px}
.side-profile{padding:10px;border-radius:12px}
.side-profile small{font-size:.72rem}
.avatar{width:36px;height:36px;border-radius:10px}
.top{height:68px;padding:0 30px}
.top-search{width:min(560px,54vw);height:44px;border-radius:10px;padding:0 12px}
.top-search input{min-height:0;padding:0;font-size:.92rem}
.top-search>span{font-size:1.55rem}
.top-actions{gap:15px;font-size:.9rem}
.content{max-width:1540px;padding:28px 32px 48px}
.eyebrow{font-size:.7rem;letter-spacing:.18em}
.eyebrow{color:var(--brand)}
.title-row{gap:18px;margin-bottom:22px}
.title-row h1,.dashboard-heading .title-row h1{font-size:2rem;line-height:1.15;font-weight:700;margin:6px 0 7px}
.dashboard-heading{gap:22px}
.dashboard-heading>div{min-width:0}
.dashboard-heading .title-row{margin-bottom:22px}
.dashboard-heading label{width:168px;margin-bottom:22px}
.dashboard-heading label span{font-size:.76rem;margin-bottom:6px}
.grid{gap:16px}
.card,.panel{border-radius:14px;padding:18px;margin-bottom:16px}
.metric{min-height:128px;padding:18px;border-radius:14px}
.metric>span{font-size:.82rem}
.metric strong{font-size:clamp(1.42rem,2vw,1.72rem);line-height:1.2;font-weight:700;margin-top:13px;overflow-wrap:anywhere}
.metric small{font-size:.74rem;margin-top:10px}
.metric-icon{right:16px;top:15px;width:40px;height:40px;border-radius:11px}
.metric-icon.violet{background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand)}
.metric-icon .nav-icon{width:20px;height:20px}
.panel-head{margin-bottom:16px}
.panel-head h2{font-size:1rem;line-height:1.3}
.panel-head p{font-size:.8rem;margin-top:4px}
.dashboard-split{grid-template-columns:minmax(0,1.72fr) minmax(285px,.82fr)}
.lower{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}
.chart{height:230px;padding:12px 6px 0;gap:10px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 55px,#edf0f5 56px)}
.chart-bar{width:min(27px,68%)}
.chart-bar{background:linear-gradient(var(--brand2),var(--brand));box-shadow:0 5px 14px color-mix(in srgb,var(--brand) 25%,transparent)}
.chart-col span{font-size:.66rem}
.circle-action{width:36px;height:36px}
.royalty-total span,.author-payment>span{font-size:.76rem}
.royalty-total strong,.author-payment>strong{font-size:1.72rem;line-height:1.2;font-weight:700;margin:6px 0 17px}
.donut-row{gap:20px}
.donut{width:132px;height:132px}
.donut:after{width:86px;height:86px}
.donut b{font-size:1.28rem;font-weight:700}
.donut span{font-size:.66rem;margin-top:-31px}
.legend>div{padding:8px 0}
.quick{padding:12px;border-radius:10px}
.quick:hover{border-color:color-mix(in srgb,var(--brand) 38%,var(--line));background:color-mix(in srgb,var(--brand) 5%,#fff)}
.quick i{background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand)}
.quick i{width:30px;height:30px}
.quick b{font-size:.8rem}
.quick small{font-size:.68rem}
input,select,textarea{min-height:42px;border-radius:9px;padding:9px 11px;line-height:1.35}
textarea{min-height:96px}
label{font-size:.82rem}
.btn{border-radius:9px;padding:9px 13px;font-size:.82rem;line-height:1.35}
.toolbar{margin-bottom:15px}
.table th,.table td{padding:10px 9px}
.table th{font-size:.68rem}
.badge{padding:4px 9px;font-size:.7rem}
.cards{gap:16px}
.book h3,.package h3{font-size:1.12rem;line-height:1.3;font-weight:700}
.package-price{display:block;font-size:1.5rem;line-height:1.25;font-weight:700}
.tabs{gap:7px;margin-bottom:16px}
.tabs a{padding:9px 13px;border-radius:9px;font-size:.82rem}
.author-top{height:72px;grid-template-columns:220px 1fr auto;padding:0 28px;gap:18px}
.author-top .brandmark{width:40px;height:40px;flex-basis:40px}
.author-top .brand b{font-size:1rem}
.author-nav{gap:3px}
.author-nav a{padding:8px 10px;font-size:.77rem}
.author-account{gap:11px;font-size:.84rem}
.author-content{max-width:1380px;padding:32px 32px 52px}
.author-welcome{margin-bottom:24px}
.author-welcome h1{font-size:2rem;line-height:1.15;font-weight:700}
.author-dashboard-grid{gap:16px}
.login{max-width:420px}
.login-page{background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--brand) 18%,#fff),transparent 35%),var(--bg)}
.author-nav a:hover,.author-nav a.on{background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand)}
.note{background:color-mix(in srgb,var(--brand) 10%,#fff);color:color-mix(in srgb,var(--brand) 70%,#111)}

/* Branding settings */
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.section-heading h2{margin:4px 0}.section-heading .note{margin:8px 0 0}
.brand-preview{display:flex;align-items:center;gap:12px;min-width:235px;padding:14px 16px;border-radius:13px;background:var(--nav);color:#fff}.brand-preview .brandmark{width:42px;height:42px;flex-basis:42px}.brand-preview b,.brand-preview small{display:block}.brand-preview b{font-size:.9rem;overflow-wrap:anywhere}.brand-preview small{margin-top:4px;color:#aeb5cc;font-size:.6rem;letter-spacing:.16em}
.branding-fields{margin-bottom:22px}.field-help{display:block;margin-top:6px;color:var(--muted);font-size:.72rem;font-weight:500}.check-line{display:flex;align-items:center;gap:8px;margin-top:10px}.check-line input{width:auto;min-height:0;margin:0}
.theme-options{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));gap:10px;margin:10px 0 16px}.theme-choice{position:relative;display:grid;gap:8px;padding:11px;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:#fff}.theme-choice:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 18%,transparent)}.theme-choice input{position:absolute;top:8px;right:8px;width:15px;height:15px;min-height:0;accent-color:var(--brand)}.theme-choice b{font-size:.75rem}.theme-swatches{display:flex;width:72px;height:25px;overflow:hidden;border-radius:7px}.theme-swatches i{display:block;flex:1}.custom-swatch i:first-child{background:linear-gradient(135deg,#ff5978,#ffb84c)}.custom-swatch i:nth-child(2){background:linear-gradient(135deg,#40c9ff,#7a5cff)}.custom-swatch i:last-child{background:#263149}
.color-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fafbfe}.color-grid label{margin:0}.color-grid input[type=color]{margin-top:6px;height:42px;padding:4px;cursor:pointer}.form-actions{display:flex;align-items:center;gap:14px;margin-top:18px}.branding-settings hr,.card>hr{border:0;border-top:1px solid var(--line);margin:20px 0}

@media(max-width:1180px){
 .shell{grid-template-columns:220px minmax(0,1fr)}
 .side{padding:22px 14px 15px}
 .content{padding:26px 22px 44px}
 .author-top{grid-template-columns:190px 1fr;padding:0 20px}
 .stats,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-split,.lower,.author-dashboard-grid{grid-template-columns:1fr}
 .theme-options{grid-template-columns:repeat(3,minmax(105px,1fr))}
}
@media(max-width:760px){
 .content{padding:20px 14px 36px}
 .title-row h1,.dashboard-heading .title-row h1,.author-welcome h1{font-size:1.7rem}
 .card,.panel{padding:16px}
 .top{height:64px;padding:0 12px}
 .top-search{height:42px}
 .mobile-nav{top:64px}
 .author-top{padding:13px 14px}
 .author-content{padding:22px 14px 38px}
 .stats,.metric-grid,.cards,.split,.form-grid{grid-template-columns:1fr}
 .section-heading{align-items:flex-start;flex-direction:column}.brand-preview{width:100%;min-width:0}.theme-options{grid-template-columns:repeat(2,minmax(105px,1fr))}.color-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}.form-actions{align-items:flex-start;flex-direction:column}
}