/* Potease workspace visual refresh, 2026-10-11. Existing layout and business logic retained. */
:root{--ui-bg:#f7f8fc;--ui-panel:#fff;--ui-text:#20242f;--ui-muted:#727a8d;--ui-border:#e5e8f0;--ui-blue:#3564f0;--ui-blue-hover:#2454db;--ui-blue-soft:#eef3ff;--ui-font:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif}
body.app-active,#app-container{font-family:var(--ui-font)!important;color:var(--ui-text)!important;background:var(--ui-bg)!important;-webkit-font-smoothing:antialiased}
#app-container [class*="font-"],#app-container h1,#app-container h2,#app-container h3,#app-container input,#app-container textarea,#app-container select,#app-container button{font-family:var(--ui-font)!important}
#app-container .material-symbols-outlined{font-family:'Material Symbols Outlined'!important;font-variation-settings:'FILL' 0,'wght' 380,'GRAD' 0,'opsz' 24}
#app-sidebar{background:#fff!important;border-color:var(--ui-border)!important;box-shadow:1px 0 0 #10182802}
#app-sidebar>.flex:first-of-type>.flex>.material-symbols-outlined{color:var(--ui-blue)!important;font-size:29px;background:#edf2ff;border:1px solid #e1e8ff;border-radius:9px;padding:7px}
#app-sidebar .app-brand-text{font-size:18px;font-weight:650;letter-spacing:-.65px;color:#1f293d}
#app-sidebar .app-nav{font-size:14px;border:1px solid transparent!important;border-radius:8px!important;color:#697286;background:transparent;transition:background .16s ease,color .16s ease,border-color .16s ease}
#app-sidebar .app-nav:hover{background:#f6f8fc;color:#34435d}
#app-sidebar .app-nav.active,#app-sidebar .app-nav[aria-current="page"]{background:var(--ui-blue-soft)!important;color:#2f5de0!important;border-color:#e1eaff!important;box-shadow:none!important;font-weight:600}
#app-sidebar .app-nav.active::before,#app-sidebar .app-nav.active::after{display:none!important}
#app-sidebar .app-nav .material-symbols-outlined{font-size:21px;color:inherit}
#sidebar-toggle{border-color:var(--ui-border)!important;color:#8891a1;background:white;box-shadow:0 1px 3px #0f172a06}
#app-sidebar>.mt-auto{border-color:var(--ui-border)!important;background:#fdfdff}
#app-sidebar .bg-secondary-container{background:#ecf1ff!important;color:#5277d9!important}
#app-sidebar .text-error{color:#a4666f!important}
#app-sidebar .text-error:hover{color:#c23a4c!important;background:#fff4f5!important}
#page-new header h1,#page-proposal>h1{font-size:30px!important;line-height:1.35!important;letter-spacing:-.9px!important;font-weight:650!important;color:#181d2b!important}
#page-new header p,#page-proposal>p{font-size:14px!important;color:#7c8495!important;line-height:1.7}
#page-new>.grid>div,#page-proposal .proposal-card{background:var(--ui-panel)!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;box-shadow:0 2px 6px #16264703,0 10px 30px #16264702!important}
#page-new h2,#page-proposal h2{font-size:16px!important;line-height:1.5!important;font-weight:600!important;color:#2d3444!important;letter-spacing:-.2px}
#page-new label,#page-proposal label{font-size:12px!important;font-weight:550!important;color:#525c6f!important}
#page-new .text-error{color:#e06374!important}
#page-new input:not([type=range]):not([type=file]),#page-new select,#page-new textarea,#page-proposal input:not([type=file]),#page-proposal select,#page-proposal textarea{background:#fcfcfe!important;border:1px solid #e2e6ef!important;border-radius:7px!important;color:#344158!important;box-shadow:0 1px 2px #10182802!important;font-size:13px!important;transition:border-color .16s,box-shadow .16s,background .16s}
#page-new input::placeholder,#page-new textarea::placeholder,#page-proposal input::placeholder,#page-proposal textarea::placeholder{color:#929cad!important}
#page-new input:not([type=range]):focus,#page-new textarea:focus,#page-new select:focus,#page-proposal input:focus,#page-proposal textarea:focus,#page-proposal select:focus{border-color:#7196ff!important;outline:0!important;background:#fff!important;box-shadow:0 0 0 3px #3564f018!important}
#new-title-help,#new-title-counter{color:#8b94a5!important;font-size:11px!important}
#select-lang>.col-span-3:not(.grid){color:#858da0!important;font-size:11px!important;font-weight:500!important;letter-spacing:.4px}
#page-new .select-card{position:relative;border-color:#e5e9f0!important;background:#fff!important;border-radius:7px!important;box-shadow:0 1px 2px #17254002;color:#5a6579!important;transition:background .14s,border-color .14s,box-shadow .14s}
#page-new .select-card:hover{background:#f9fbff!important;border-color:#b8caf7!important;box-shadow:0 2px 5px #3564f008}
#page-new .select-card.active{border-color:#84a2fa!important;background:#f0f5ff!important;color:#345bd3!important;box-shadow:0 0 0 1px #3564f008,inset 0 1px 0 #ffffffa0}
#page-new .select-card.active:after{content:'✓';position:absolute;right:7px;top:5px;color:#4772eb;font-size:11px;font-weight:600;line-height:1}
#page-new .select-card .font-bold{font-weight:550!important}
#page-new .select-card:not(.active) .text-gray-400{color:#939bad!important}
#page-new .select-card.active [class*="text-blue-"]{color:#6b87d8!important}
#page-new input[type=range]{accent-color:var(--ui-blue)!important}
#wc-display{color:#496fd7!important;font-weight:550!important}
#page-new .border-t,#progress-card>.border-b{border-color:#e9edf3!important}
#progress-card h2{color:#333d50!important}
#progress-card .step-title{font-size:13px!important;font-weight:550!important;color:#8b94a5!important}
#progress-card .step-desc{font-size:11px!important;color:#a0a8b7!important;line-height:1.7}
#progress-card .step-dot{width:24px;height:24px;background:#f0f2f7!important;color:#9ca6b8!important;border:1px solid #e7ebf1;box-shadow:none!important;font-size:11px!important;font-weight:500!important}
#progress-card .pstep.active .step-dot{background:var(--ui-blue)!important;border-color:var(--ui-blue)!important;color:#fff!important;box-shadow:0 0 0 5px #eff4ff!important}
#progress-card .pstep.active .step-title{color:#33435f!important}
#progress-card .pstep.active .step-desc{color:#8994a8!important}
#progress-card .bg-gray-100{background:#eef1f6!important}
#page-proposal .proposal-steps{font-size:12px;color:#8994a8}
#page-proposal .proposal-field small,#page-proposal .proposal-muted{font-size:11px;color:#8a94a6;line-height:1.8}
#page-proposal .proposal-btn,#page-proposal .proposal-tabs button,#page-new .outline-primary-button,#page-new .outline-file-button{border:1px solid #e0e6ef!important;border-radius:7px!important;background:#fff!important;color:#657187!important;font-weight:500!important;box-shadow:0 1px 2px #1c294408!important;transition:background .15s,border-color .15s,box-shadow .15s}
#page-proposal .proposal-btn:hover,#page-proposal .proposal-tabs button:hover{background:#f8faff!important;border-color:#bdcef8!important}
#page-proposal .proposal-primary,#page-proposal .proposal-tabs .active,#page-new .outline-primary-button{background:var(--ui-blue)!important;border-color:var(--ui-blue)!important;color:#fff!important;box-shadow:0 2px 4px #3564f026,inset 0 1px 0 #ffffff20!important}
#page-proposal .proposal-primary:hover,#page-proposal .proposal-tabs .active:hover,#page-new .outline-primary-button:hover{background:var(--ui-blue-hover)!important;border-color:var(--ui-blue-hover)!important}
#page-proposal .proposal-badge{font-size:11px;color:#478578;background:#edf8f4;border:1px solid #dff0e8;border-radius:5px;line-height:1.7}
#page-proposal .proposal-history-item{border-color:var(--ui-border)}
#proposal-history{font-size:13px;color:#8a94a6;line-height:1.8}
#page-new .outline-card,#page-new .outline-section{border-color:var(--ui-border);border-radius:9px;background:#fbfcff;box-shadow:none}
#page-new .outline-tab,#page-new .outline-tabs button{font-family:var(--ui-font)!important;border-radius:6px}
#page-new .outline-tabs button.is-active{background:var(--ui-blue-soft);color:#3a61d8;border-color:#baceff}
#page-new button:focus-visible,#page-proposal button:focus-visible,#app-sidebar a:focus-visible{outline:2px solid #7d9ffb!important;outline-offset:3px}
#app-container [hidden]{display:none!important}
@media(max-width:767px){#page-new header h1,#page-proposal>h1{font-size:26px!important}#app-sidebar .app-brand-text{font-size:17px}#app-sidebar>.flex:first-of-type>.flex>.material-symbols-outlined{font-size:23px;padding:5px}}
@media(prefers-reduced-motion:reduce){#app-container *{transition:none!important}}