/* Shared BIZHUB light theme: application, login and review studio. */
html.theme-light{color-scheme:light;--bg:#f4f9ff;--panel:#fff;--panel-2:#f4f8ff;--card:#fff;--line:#e3ecf8;--text:#14234b;--muted:#7180a1;--accent:#ff7a13;--accent-2:#0674ff;--blue:#0674ff;--orange:#ff7a13;--success:#06b98b;--danger:#d83b51;--shadow:0 8px 28px #1f69ba0b;--radius:18px}
.theme-light body{background:linear-gradient(135deg,#f0faff,#f8faff 55%,#eef6ff)!important;color:var(--text)!important;font-family:Inter,"Noto Sans Thai",Tahoma,system-ui,sans-serif}
.theme-light *{scrollbar-color:#c8d9ee transparent}
.theme-light button,.theme-light a,.theme-light input,.theme-light select,.theme-light textarea{transition:background .18s,border-color .18s,box-shadow .18s}
.theme-light :focus-visible{outline:3px solid #73b7ff;outline-offset:3px}
.theme-light input,.theme-light select,.theme-light textarea{background:#f7faff!important;border-color:#dde8f7!important;color:#203358!important;accent-color:#087cff}
.theme-light input::placeholder,.theme-light textarea::placeholder{color:#8997b0!important}
.theme-light input:focus,.theme-light textarea:focus{border-color:#409bff!important;box-shadow:0 0 0 3px #168bff12}
.theme-light .sidebar,.theme-light .topbar{background:#ffffffed!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:var(--shadow)!important}
.theme-light .nav-btn,.theme-light .nav button,.theme-light .nav a,.theme-light .nav-soon{display:flex;align-items:center;gap:13px;width:100%;border:0;border-radius:13px;padding:14px 15px;text-align:left;background:transparent;color:#253a65;font-size:15px;font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer}
.theme-light .nav-icon{width:23px;height:23px;flex:0 0 23px}
.theme-light .nav{gap:7px;display:flex;flex-direction:column}
.theme-light .nav-btn:hover,.theme-light .nav a:hover,.theme-light .nav button:not(:disabled):hover{background:#eff7ff}
.theme-light .nav .active,.theme-light .nav-btn.active{background:linear-gradient(110deg,#13a2ff,#0064ff)!important;color:#fff!important;box-shadow:0 5px 13px #087cff29!important}
.theme-light .nav-soon:disabled{cursor:default;color:#8090aa;opacity:1}
.theme-light .nav-soon small{font-size:9px;font-weight:400;margin-left:auto;color:#91a0b7}
.theme-light .brand,.theme-light .brand img,.theme-light .logo img{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.theme-light .brand-fallback,.theme-light .brandFallback,.theme-light .brand-fallback b{color:#19386b}
.theme-light .layout{grid-template-columns:224px minmax(0,1fr);gap:16px;padding:0 16px 16px;height:100dvh}
.theme-light .layout>.sidebar{margin-top:96px;height:calc(100dvh - 112px);border:1px solid #fff;border-radius:20px;padding:17px 10px;gap:16px;box-shadow:0 8px 30px #3382c508!important}
.theme-light .layout>.sidebar>.brand{position:fixed;top:0;left:16px;width:224px;height:84px;padding:0 9px;z-index:40;display:flex;align-items:center;justify-content:center}
.theme-light .layout>.sidebar>.brand img{width:210px;height:76px;max-height:76px;object-fit:cover}
.theme-light .layout .sidebar>.side-section{display:none}
.theme-light .layout .chat-history-panel{margin-top:12px;font-size:12px;border-top:1px solid var(--line)}
.theme-light .chat-history-head,.theme-light .chat-history-item{color:#52678b}
.theme-light .chat-history-item.active,.theme-light .chat-history-item:hover{background:#edf6ff;color:#0869db;border-color:#d3e8ff}
.theme-light .main{min-width:0}
.theme-light .layout .topbar{min-height:84px;height:84px;padding:12px 8px 12px 0;border:0;box-shadow:none!important;background:transparent!important;gap:18px}
.theme-light .layout .top-left{flex:1;min-width:100px;display:flex;align-items:center;gap:10px}
.theme-light .global-search{display:flex;align-items:center;gap:12px;width:100%;max-width:620px;padding:0 17px;border:1px solid #e1ebf9;border-radius:18px;background:linear-gradient(110deg,#fff,#edf4ff);box-shadow:inset 0 2px 8px #2876ba04}
.theme-light .global-search>span{font-size:30px;color:#5c7196}
.theme-light .global-search input{width:100%;height:48px;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;padding:0}
.theme-light .top-right{flex-wrap:nowrap;gap:12px}
.theme-light .chip,.theme-light .pill{background:#edf6ff!important;border:1px solid #e2eeff!important;color:#183257!important;box-shadow:none}
.theme-light .coin{background:linear-gradient(#ffd52d,#ffac00);box-shadow:0 0 0 4px #ffdd6b35}
.theme-light .plus{background:#0676ff;color:#fff;border-radius:9px;cursor:pointer}
.theme-light .userbox{border-color:var(--line);color:var(--text)}
.theme-light .user-meta strong,.theme-light #accountName{color:#172a52}
.theme-light .user-meta span{color:var(--muted)}
.theme-light .avatar{background:linear-gradient(145deg,#e1f6ff,#a6d7ff);color:#1d66ac;box-shadow:none}
.theme-light .header-create{width:auto;min-width:154px;min-height:48px;white-space:nowrap;padding:12px 19px;background:linear-gradient(110deg,#ff9a23,#ff5718);border:0;box-shadow:0 6px 15px #ff7c1820}
.theme-light .logout-btn{background:#fff;border-color:var(--line);color:#6380a3}
.theme-light .lang-select{background:#fff!important;color:#35618f!important;border-color:#dde9f8!important;box-shadow:none!important}
.theme-light .workspace{border-radius:20px 20px 0 0;background:transparent;min-width:0;gap:16px}
.theme-light .workspace.projects-focus{display:block;overflow:auto}
.theme-light .workspace.projects-focus>.sidepanel{display:none}
.theme-light .projects-page{padding:9px 0 24px!important}
.theme-light .projects-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:164px;padding:26px 30px;margin-bottom:18px;border:1px solid #c7ecff;border-radius:18px;background:linear-gradient(125deg,#e0f7ff 0%,#f4fbff 45%,#d4eeff 72%,#bde7ff 100%);overflow:hidden}
.theme-light .projects-hero:after{content:"";position:absolute;right:20%;top:-90px;width:130px;height:340px;background:#ffffff70;transform:rotate(39deg);pointer-events:none}
.theme-light .projects-hero h1{position:relative;z-index:1;margin:7px 0;font-size:clamp(26px,3vw,44px);font-weight:850;letter-spacing:-1.5px;color:#121e43}
.theme-light .projects-hero h1 span{color:#0877fa}
.theme-light .projects-hero p{margin:4px 0 0;color:#536c92;font-size:15px}
.theme-light .eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#4880ad}
.theme-light .hero-folders{display:flex;align-items:center;position:relative;z-index:1;padding-right:8px;flex:0 0 auto}
.theme-light .hero-folders i{width:70px;height:85px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(130deg,#fff,#e8f8ff);border:3px solid #fff;box-shadow:4px 10px 18px #278be42b;color:#0a83ff;font-size:42px;font-style:normal;transform:rotate(-12deg);margin-left:-12px}
.theme-light .hero-folders i:nth-child(2){transform:translateY(-6px) rotate(7deg);background:linear-gradient(#ffdf75,#ffab18);color:#fff}
.theme-light .hero-folders i:nth-child(3){transform:rotate(15deg);background:linear-gradient(#ff9fdc,#ed4da8);color:#fff}
.theme-light .hero-folders b{font-size:18px;line-height:1.6;transform:rotate(-7deg);margin-left:30px;color:#1c4585}
.theme-light .project-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #edf3fb;border-radius:16px;padding:10px 12px;margin-bottom:15px;box-shadow:var(--shadow)}
.theme-light .filter-tabs{display:flex;gap:6px;flex:1}
.theme-light .filter-tabs button{border:0;border-radius:13px;padding:11px 18px;cursor:pointer;background:#f2f7ff;color:#385582;white-space:nowrap}
.theme-light .filter-tabs button.active{background:#0578ff;color:#fff;box-shadow:0 4px 10px #0787ff20}
.theme-light .project-filters input{height:42px;min-width:140px;max-width:280px;flex:1;border:1px solid var(--line);border-radius:10px;padding:0 13px}
.theme-light .project-filters select{height:42px;border-radius:10px;padding:0 10px;border:1px solid var(--line);font-size:12px}
.theme-light .projects-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:16px;align-items:start}
.theme-light .dashboard-main{min-width:0;display:grid;gap:16px}
.theme-light .dashboard-aside{display:grid;gap:15px;min-width:0}
.theme-light .dashboard-section{background:#fff;border:1px solid #eaf0f9;border-radius:17px;padding:17px;box-shadow:var(--shadow);min-width:0}
.theme-light .dashboard-section h2{margin:0;font-size:20px;letter-spacing:-.4px}
.theme-light .dashboard-section h3{margin:0 0 14px;font-size:15px}
.theme-light .count-label{color:#7685a2;font-size:14px;font-weight:500}
.theme-light .creation-toolbar{padding:0;align-items:center;gap:12px;margin-bottom:9px}
.theme-light .creation-toolbar .mini{display:none}
.theme-light .project-view-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.theme-light .project-view-tools button{min-height:34px;font-size:12px;padding:7px 10px;min-width:34px;border-radius:9px}
.theme-light button[aria-pressed=true]{border-color:#84c3ff!important;color:#067aff!important;background:#edf7ff!important}
.theme-light .primary-btn,.theme-light .profile-save{background:linear-gradient(115deg,#0a9bff,#0064fb)!important;color:#fff!important;border:0;box-shadow:0 4px 10px #0877ff12;cursor:pointer}
.theme-light .ghost-btn,.theme-light .secondary-btn,.theme-light .recover-btn,.theme-light .trash-btn,.theme-light .file-btn,.theme-light .logout-btn{background:#f3f8ff!important;color:#3b628d!important;border-color:#dfebf9!important}
.theme-light .primary-btn,.theme-light .ghost-btn,.theme-light .secondary-btn{border-radius:10px}
.theme-light .project-toolbar button{font-size:11px;padding:7px 9px;border-radius:8px}
.theme-light .project-toolbar{margin:4px 0 5px;gap:8px}
.theme-light .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:9px}
.theme-light .project-card{background:#fff;border:1px solid #e5eef9;border-radius:13px;padding:0;gap:0;min-height:0;overflow:hidden;box-shadow:0 3px 10px #237bd604;transition:transform .18s,box-shadow .18s}
.theme-light .project-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1370c815}
.theme-light .project-cover{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;position:relative;min-height:126px;width:100%;border:0;padding:18px;background:linear-gradient(130deg,#d8f3ff,#8ecbff);color:#075ac0;overflow:hidden;cursor:pointer}
.theme-light .project-cover:after{content:"";position:absolute;width:105px;height:105px;border:20px solid #ffffff50;border-radius:24px;right:-30px;top:-30px;transform:rotate(32deg)}
.theme-light .project-cover>span{font-size:31px;line-height:1;margin-bottom:9px}
.theme-light .project-cover>b{font-size:17px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.theme-light .project-cover small{font-size:10px;opacity:.75;margin-top:6px}
.theme-light .cover-1{background:linear-gradient(130deg,#ffecc6,#ffcba2);color:#a65018}
.theme-light .cover-2{background:linear-gradient(130deg,#dce6ff,#c7beff);color:#5848a7}
.theme-light .cover-3{background:linear-gradient(130deg,#d0fbef,#97e4d1);color:#08765e}
.theme-light .project-card-body{padding:12px}
.theme-light .project-card h3{font-size:14px;margin:0;overflow-wrap:anywhere;line-height:1.5}
.theme-light .project-card p{font-size:11px;color:#8795ad;margin:4px 0 10px;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.theme-light .project-meta{justify-content:space-between;font-size:10px;gap:5px;color:#8292ac}
.theme-light .project-actions{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.theme-light .project-actions button{min-width:0;min-height:28px;padding:5px 4px;font-size:10px;border-radius:7px}
.theme-light .danger-btn,.theme-light .project-actions .danger-project{background:#fff1f1!important;color:#c63d4e!important;border-color:#ffdcdc!important}
.theme-light .project-grid.list-view{grid-template-columns:1fr}
.theme-light .list-view .project-card{display:grid;grid-template-columns:130px minmax(0,1fr)}
.theme-light .list-view .project-card-body{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.theme-light .list-view .project-card h3{min-width:120px}
.theme-light .list-view .project-cover{min-height:140px}
.theme-light .list-view .project-actions{display:flex;margin-left:auto;gap:6px}
.theme-light .list-view .project-actions button{padding:7px 12px}
.theme-light .dashboard-empty{grid-column:1/-1;padding:36px 16px;text-align:center;color:#8c9bb1;font-size:13px;line-height:1.8;background:#f9fcff;border-radius:13px;border:1px dashed #dae8f7}
.theme-light .dashboard-empty h3{color:#36567e;margin:8px 0}
.theme-light .empty-folder{font-size:50px;color:#77bbff}
.theme-light .summary-orbit{width:136px;height:136px;margin:15px auto 20px;padding:10px;border-radius:50%;background:conic-gradient(#00cba2,#05b5ed,#087bff,#8466ff,#ffc13b,#00cba2)}
.theme-light .summary-orbit>div{height:100%;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.theme-light .summary-orbit strong{font-size:30px;color:#153659}
.theme-light .summary-orbit span{font-size:12px;color:#7f90ad}
.theme-light .summary-row{display:flex;justify-content:space-between;gap:10px;color:#7185a2;font-size:12px;padding:10px 0;border-top:1px solid #f1f5fb}
.theme-light .summary-row b{color:#204572}
.theme-light .dashboard-aside .primary-btn{width:100%;padding:11px;margin-top:10px;font-size:13px}
.theme-light .summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.theme-light .summary-stats>div{background:#eff8ff;border:1px solid #dfefff;border-radius:12px;padding:15px 5px;text-align:center}
.theme-light .summary-stats>div:nth-child(2){background:#effdf8;border-color:#d9f8ee}
.theme-light .summary-stats b{display:block;font-size:25px;color:#057bfa}
.theme-light .summary-stats span{font-size:10px;color:#7285a3}
.theme-light .activity-row{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:0;text-align:left;padding:12px 0;color:#486488;cursor:pointer}
.theme-light .activity-row>span:nth-child(2){min-width:0;flex:1}
.theme-light .activity-row b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-light .activity-row small{display:block;color:#8ea0b9;font-size:10px;margin-top:4px}
.theme-light .activity-icon{background:#eaf5ff;border-radius:9px;padding:6px;color:#067bfa;font-size:18px}
.theme-light .section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.theme-light .text-btn{border:0;background:#edf6ff;color:#0673ef;border-radius:8px;font-size:11px;padding:7px 9px;white-space:nowrap;cursor:pointer;text-decoration:none}
.theme-light .recent-work{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #edf3fb;font-size:12px}
.theme-light .recent-work img{width:52px;height:38px;object-fit:cover;border-radius:7px}
.theme-light .recent-work>div{flex:1;min-width:0}
.theme-light .recent-work b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#36547b}
.theme-light .recent-work small{display:block;color:#8f9eb5;font-size:10px;margin-top:3px}
.theme-light .type-label{background:#f0ebff;border-radius:7px;padding:4px 7px;font-size:10px;color:#8054d1}
/* Existing feature panels and dialogs retain their behavior in the new palette. */
.theme-light .panel-card,.theme-light .big-card,.theme-light .creation-card,.theme-light .project-detail,.theme-light .project-context-card,.theme-light .share-modal-card,.theme-light .profile-card,.theme-light .template-card,.theme-light .template-section,.theme-light .topup-card,.theme-light .trash-panel,.theme-light .composer,.theme-light .settings,.theme-light .bubble,.theme-light .card{background:#fff!important;color:#263d63;border-color:#e1eaf6!important;box-shadow:var(--shadow)!important}
.theme-light .composer-box,.theme-light .textarea-wrap,.theme-light .settings-grid,.theme-light .project-file-row,.theme-light .project-chat-row,.theme-light .project-active-bar{background:#f5f9ff!important;color:#354f75;border-color:#e2ebf8!important}
.theme-light .sidepanel{background:transparent;border-color:#e1ebf8}
.theme-light .panel-card p,.theme-light .big-card p,.theme-light .template-head p,.theme-light .creation-meta,.theme-light .mini,.theme-light .muted,.theme-light .panel-card h3,.theme-light .project-detail p{color:#7285a3!important}
.theme-light .bubble-wrap,.theme-light .chat-stream,.theme-light .chat-page{background:transparent!important;color:#263d63}
.theme-light .msg.user .bubble{background:#ecf5ff!important;color:#235087}
.theme-light .img-actions a,.theme-light .img-actions button,.theme-light .project-chat-open,.theme-light .template-cats button{background:#eef6ff!important;color:#2770b8!important;border-color:#dceafa!important}
.theme-light .template-cats button.active{background:#077cff!important;color:#fff!important}
.theme-light .auth-gate,.theme-light .profile-gate{background:linear-gradient(135deg,#f4fbffef,#ecf3ffef)!important}
.theme-light .auth-card{background:#fff!important;border:1px solid #dfedfb;box-shadow:0 22px 90px #396dae18!important;border-radius:24px}
.theme-light .auth-card h2{color:#1a3157}
.theme-light .auth-tabs{background:#f0f6ff!important}
.theme-light .auth-tab{color:#6f83a3!important}
.theme-light .auth-tab.active{background:#067cff!important;color:#fff!important}
.theme-light .auth-field label,.theme-light .auth-sub,.theme-light .auth-note{color:#788aa5}
.theme-light .auth-brand img{background:transparent!important}
.theme-light .toast{background:#fff!important;border-color:#cfe2fb!important;color:#1d4b7e!important;box-shadow:0 8px 30px #2b6da224}
/* Standalone review studio. */
.theme-light .app{background:transparent}
.theme-light .app>.sidebar{background:#fff!important}
.theme-light .app .hero{background:linear-gradient(110deg,#e5f8ff,#edf6ff);border:1px solid #d6efff;border-radius:17px;padding:24px}
.theme-light .hero h1,.theme-light .mobile-hero-v133 .mh-title{color:#16254c!important}
.theme-light .hero p,.theme-light .mobile-hero-v133 .mh-sub{color:#6b83a2!important}
.theme-light .hero h1 span{background:linear-gradient(90deg,#ff8a19,#087dff);background-clip:text;-webkit-background-clip:text;color:transparent}
.theme-light .heroart{background:linear-gradient(125deg,#c6f0ff,#d4e7ff)!important;color:#1474c5;border-color:#cce6ff;box-shadow:none}
.theme-light .selectbox,.theme-light .field,.theme-light .drop,.theme-light .choice,.theme-light .thumb,.theme-light .empty,.theme-light .notice{background:#f4f9ff!important;color:#557595!important;border-color:#d9e8f9!important}
.theme-light .thumb.active,.theme-light .choice.active{background:#e5f3ff!important;color:#056fe5!important;outline-color:#1196ff;border-color:#1196ff!important}
.theme-light .thumb:before{box-shadow:none!important}
.theme-light .tabs button{color:#6780a1}
.theme-light .tabs .active{background:#077cfa;color:#fff}
.theme-light .num{color:#fff}
.theme-light .mobile-menu,.theme-light .drawer-close,.theme-light .mobile-menu-close{background:#edf6ff!important;color:#2471bc!important;border-color:#d0e5fb!important}
.theme-light .mobile-hero-v133{background:linear-gradient(120deg,#ecf9ff,#e8f1ff)!important;border-color:#d3e9ff!important;box-shadow:none!important}
.theme-light .side-user{color:#45617f;border-color:#e4edf8}
@media(min-width:1700px){.theme-light .project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1280px){.theme-light .projects-dashboard{grid-template-columns:minmax(0,1fr) 230px}.theme-light .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-light .hero-folders b{display:none}.theme-light .top-right .user-meta{display:none}.theme-light .lang-select{display:none!important}.theme-light .header-create{min-width:128px;font-size:13px}.theme-light .dashboard-section{padding:13px}}
@media(max-width:979px){.theme-light .layout{display:block;padding:0}.theme-light .layout>.sidebar{margin:0;border-radius:0;top:0!important;left:0!important;height:100dvh!important;width:270px!important;padding:90px 15px 20px;z-index:60;background:#fff!important}.theme-light .layout>.sidebar>.brand{position:absolute;left:12px;top:4px;width:190px;height:78px}.theme-light .layout .topbar{height:76px;min-height:76px;padding:12px 16px;background:#fff!important;gap:10px}.theme-light .top-right{gap:7px}.theme-light .header-create{min-width:0;padding:10px 12px;font-size:12px}.theme-light .logout-btn{display:none}.theme-light .layout .workspace{padding:12px;overflow:auto!important}.theme-light .projects-page{padding:0!important}.theme-light .projects-dashboard{grid-template-columns:minmax(0,1fr) 220px}.theme-light .projects-hero{padding:22px}.theme-light .projects-hero h1{font-size:29px}.theme-light .hero-folders i{width:50px;height:64px;font-size:30px}.theme-light .global-search input{font-size:12px}.theme-light .layout .sidepanel{display:none}.theme-light .layout .mobile-top{display:flex}.theme-light .mobile-menu-account{background:#f5faff!important;border-color:#e1ecf9!important}.theme-light .sidebar .user-meta{display:block!important}}
@media(max-width:720px){.theme-light .projects-dashboard{grid-template-columns:1fr}.theme-light .dashboard-aside{grid-template-columns:1fr 1fr}.theme-light .dashboard-aside>section:last-child{grid-column:1/-1}.theme-light .projects-hero{min-height:140px;padding:20px}.theme-light .hero-folders{display:none}.theme-light .project-filters{gap:8px}.theme-light .filter-tabs{flex-basis:100%}.theme-light .filter-tabs button{flex:1;padding:9px}.theme-light .project-filters input{max-width:none;min-width:100px}.theme-light .project-filters select{max-width:145px}.theme-light .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-light .creation-toolbar{align-items:flex-start;flex-direction:column}.theme-light .project-view-tools{width:100%}.theme-light .project-view-tools>.primary-btn{margin-right:auto}.theme-light .global-search{padding:0 10px;border-radius:12px}.theme-light .global-search>span{display:none}.theme-light .top-right .userbox{display:none}.theme-light .chip{padding:9px!important;font-size:12px}.theme-light .header-create{font-size:11px;min-height:42px}.theme-light .projects-hero h1{font-size:27px}.theme-light .projects-hero p{font-size:12px}.theme-light .project-cover{padding:12px;min-height:116px}.theme-light .project-cover>b{font-size:13px}.theme-light .recent-work{gap:7px}.theme-light .recent-work .type-label{display:none}.theme-light .recent-work>a:last-child{display:none}.theme-light .list-view .project-card{grid-template-columns:94px minmax(0,1fr)}.theme-light .list-view .project-cover{padding:8px}.theme-light .list-view .project-actions{margin:0}.theme-light .list-view .project-actions button{padding:5px}.theme-light .auth-card{padding:22px}.theme-light .app .hero{padding:17px}}
@media(max-width:420px){.theme-light .header-create{display:none}.theme-light .global-search{min-width:0}.theme-light .global-search input{min-width:0}.theme-light .project-card-body{padding:9px}.theme-light .project-actions button{font-size:9px}.theme-light .project-card h3{font-size:12px}.theme-light .dashboard-section h2{font-size:18px}.theme-light .summary-orbit{width:112px;height:112px}.theme-light .project-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){.theme-light *{transition:none!important;animation:none!important}}
/* Keep the header logo anchored to the viewport, outside the sidebar scroll area. */
.theme-light .layout>.sidebar{backdrop-filter:none!important}
.theme-light .project-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.theme-light .project-cover.has-cover:after{inset:0;width:auto;height:auto;transform:none;border:0;border-radius:0;background:linear-gradient(transparent,#10244c99)}
.theme-light .project-cover.has-cover>b,.theme-light .project-cover.has-cover>small{position:relative;z-index:1;color:#fff;text-shadow:0 1px 8px #0005}
.theme-light .project-cover.has-cover>span{visibility:hidden}
.theme-light .project-card-body p{overflow-wrap:anywhere}
@media(max-width:420px){.theme-light .header-create{display:flex;font-size:0;min-width:38px;width:38px;height:40px;padding:0}.theme-light .header-create:before{content:"✦";font-size:19px}.theme-light .global-search input{width:100%}.theme-light .layout .top-right{gap:5px}.theme-light .layout .topbar{gap:7px;padding:10px}.theme-light .layout .chip{font-size:11px;padding:7px!important;gap:5px}}
.theme-light .profile-close,.theme-light .chat-more,.theme-light .chat-delete{background:#f0f7ff!important;color:#55799f!important;border-color:#d7e7f8!important}
.theme-light .ledger,.theme-light .ledger-row,.theme-light .topup-card,.theme-light .project-instructions,.theme-light .project-files-list,.theme-light .project-chat-list{background:#fff!important;color:#36547a;border-color:#e1ebf7!important}
.theme-light .gate{background:#edf5ffb8!important;backdrop-filter:blur(8px)}
@media(max-width:979px){.theme-light .layout>.sidebar{padding:90px 15px 20px!important}.theme-light .layout .sidebar .brand img{max-height:76px!important;height:76px!important}.theme-light .mobile-top #menuBtn{color:#2877c5}}
@media(max-width:420px){.theme-light .header-create{font-size:0!important;overflow:hidden}.theme-light .header-create:before{font-size:19px!important}}
.theme-light .side-user{background:#f6faff!important;color:#385e86!important;border-color:#e0ecfa!important;box-shadow:none!important}
.theme-light .projects-hero h1 em{color:#ff791c;font-style:normal}

/* Decorative creative artwork stays outside the central authentication card. */
.theme-light .auth-gate{background:#f3faff url('/assets/ui/login-creative-background.png') center center/cover no-repeat!important;backdrop-filter:none;overflow-y:auto;isolation:isolate}
.theme-light .auth-gate .auth-card{position:relative;z-index:1;flex-shrink:0;box-shadow:0 24px 80px #306ead22!important}
@media(max-width:979px){.theme-light .auth-gate{background:radial-gradient(ellipse at 0 0,#def5ff,transparent 60%),linear-gradient(135deg,#f7fcff,#eaf3ff)!important}}
@media(max-height:740px){.theme-light .auth-gate{align-items:flex-start;padding-top:24px;padding-bottom:24px}}
/* Accessible password controls and recovery/OIDC states. */
.theme-light .password-input{position:relative}
.theme-light .password-input input{padding-right:48px!important}
.theme-light .password-toggle{position:absolute;right:3px;top:3px;height:38px;width:40px;display:grid;place-items:center;border:0;background:transparent;color:#6986ab;cursor:pointer;border-radius:8px}
.theme-light .password-toggle:hover{background:#e9f3ff;color:#0978ed}
.theme-light .password-toggle svg{width:21px;height:21px}
.theme-light .password-toggle .eye-slash{display:none}
.theme-light .password-toggle[aria-pressed=true] .eye-slash{display:block}
.theme-light .auth-links{display:flex;justify-content:flex-end;margin:3px 0 10px}
.theme-light .auth-text-link{font-size:12px;color:#1479da;border:0;background:transparent;padding:4px 0;cursor:pointer}
.theme-light .auth-divider{display:flex;align-items:center;gap:12px;color:#94a4bd;font-size:11px;margin:10px 0}
.theme-light .auth-divider:before,.theme-light .auth-divider:after{content:"";height:1px;background:#e5edf8;flex:1}
.theme-light .google-auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dce6f3;border-radius:11px;height:44px;width:100%;color:#3d5578;background:#fff;font-size:13px;font-weight:600;cursor:pointer}
.theme-light .google-auth-btn:hover:not(:disabled){background:#f5f9ff;border-color:#9fc9f7}
.theme-light .google-auth-btn:disabled{cursor:not-allowed;color:#8898af;background:#f9fbfe}
.theme-light .auth-submit:disabled{opacity:.6;cursor:wait}
.theme-light .auth-provider-status{font-size:10px;text-align:center;color:#8b9cb5;margin:8px 0 0;line-height:1.5}
.theme-light .auth-success{font-size:12px;color:#13816e;line-height:1.7}
.theme-light .auth-error{color:#cb4358;line-height:1.6}
.theme-light .auth-error:empty,.theme-light .auth-success:empty{min-height:0;margin:0}
.theme-light .profile-google{margin-top:18px;border-top:1px solid #e1ecf9;padding-top:16px}
.theme-light .profile-google p{font-size:11px;color:#8093af}
.theme-light [hidden]{display:none!important}
.theme-light .auth-gate{overflow-y:auto;padding-top:24px;padding-bottom:24px}
@media(max-height:860px){.theme-light .auth-gate{align-items:flex-start}}

.theme-light .password-toggle{top:0;right:0;height:44px;width:44px}

/* Give the image canvas the full workspace and reserve room for chat history. */
.theme-light .layout .workspace{grid-template-columns:minmax(0,1fr)}
.theme-light .layout .workspace>.sidepanel{display:none!important}
.theme-light .layout>.sidebar{overflow-x:hidden}
.theme-light .layout .chat-history-panel{min-width:0;min-height:180px;flex:1 1 auto;max-height:none;margin-top:0}
.theme-light .layout .chat-history-head{flex-wrap:wrap;gap:4px;padding:0 5px 8px}
.theme-light .layout .chat-history-list{min-width:0;min-height:0;max-height:none;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:0 2px 8px}
.theme-light .layout .chat-history-item{min-width:0;grid-template-columns:minmax(0,1fr) 58px;gap:4px;padding:5px 4px 5px 8px;min-height:48px}
.theme-light .layout .chat-history-title{min-width:0;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:4px 0}
.theme-light .layout .chat-item-actions{gap:2px}
.theme-light .layout .chat-item-actions button{width:28px;height:32px;padding:0;flex:0 0 28px;display:grid;place-items:center}
.theme-light .layout .chat-group-label{padding:8px 7px 4px}
@media(min-width:980px){
 .theme-light .layout{grid-template-columns:248px minmax(0,1fr)}
 .theme-light .layout>.sidebar{overflow-y:hidden;gap:12px}
 .theme-light .layout .sidebar>.nav{flex:0 0 auto;gap:3px}
 .theme-light .layout .sidebar>.nav>a,.theme-light .layout .sidebar>.nav>button{min-height:42px;padding:10px 12px;font-size:14px}
}
@media(max-width:979px){
 .theme-light .layout .chat-history-panel{flex:0 0 auto!important;min-height:220px!important}
 .theme-light .layout .chat-history-list{max-height:320px!important;overflow-y:auto!important;overflow-x:hidden!important}
}
@media(min-width:980px) and (max-height:760px){
 .theme-light .layout>.sidebar{overflow-y:auto}
 .theme-light .layout .chat-history-panel{flex:0 0 auto;min-height:220px}
 .theme-light .layout .chat-history-list{max-height:240px}
}