body{padding:0 20px 24px;font-size:14px}.panel-wrap{max-width:1700px;margin:auto}.panel-head{position:sticky;top:0;z-index:60;background:#100c17;border-bottom:1px solid #392940;min-height:72px;padding:10px 0;margin:0;gap:12px;flex-wrap:wrap}.panel-head img{width:170px;max-height:45px}.panel-head h1 small{display:none}.panel-head>.actions{margin-left:auto}.portal-layout{display:block}.portal-nav{position:sticky;top:var(--portal-head-height,72px);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:6px 0;margin:0 0 20px;border-radius:0;border:0;border-bottom:1px solid #392940;background:#100c17;gap:8px}.flow-nav-main{display:flex;gap:4px;flex-wrap:wrap}.portal-nav button{width:auto;display:inline-block;padding:10px 14px;font-size:13px;white-space:nowrap}.portal-nav button[aria-current=page]{background:#362039;color:#ff9cdc;box-shadow:inset 0 -2px #ff68cf}.flow-nav-more,.flow-add{position:relative;min-width:60px}.flow-nav-more summary,.flow-add summary{cursor:pointer;padding:10px 14px;list-style:none;border:1px solid #604067;border-radius:8px}.flow-nav-dropdown{position:absolute;right:0;top:100%;width:240px;max-height:65vh;overflow:auto;background:#201529;border:1px solid #654571;border-radius:10px;padding:8px;box-shadow:0 15px 45px #0007;z-index:70}.flow-nav-dropdown button{display:block;width:100%;text-align:left}.flow-global-search{position:relative;flex:1;max-width:320px;display:block;font-size:11px;color:#c8b8d8}.flow-global-search input{width:100%;padding:8px;border:1px solid #604067;background:#180f21;color:#fff;border-radius:8px;font:14px system-ui}.flow-search-results{position:absolute;top:100%;left:0;right:0;background:#201529;z-index:80;border-radius:8px}.flow-search-results:empty{display:none}.flow-search-results button{width:100%;text-align:left}.flow-mobile-menu{display:none!important}.portal-title h2,.portal-main>h2,.flow-title h2{font-size:28px!important;line-height:1.25;margin:0 0 8px}.portal-title,.flow-title{margin:0 0 18px}.flow-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.flow-title p{width:100%;margin:0;color:#c8b8d8}.portal-kicker{display:none}.portal-main h3{font-size:20px;margin:20px 0 12px}.portal-card,.suite-card{border-radius:10px;padding:16px}.portal-main .btn,.flow-drawer .btn,.panel-head .btn{font-size:13px;padding:9px 12px;min-height:38px;border-radius:8px;transform:none!important;box-shadow:none!important}.flow-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}.flow-metrics>.btn{display:grid;gap:8px;text-align:left;padding:16px;border:1px solid #61426b;background:#1c1527;color:#f7effd}.flow-metrics strong{font-size:26px;color:#ff9cdc}.flow-metrics span{font-size:13px}.flow-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.flow-toolbar label{display:grid;gap:5px;font-size:12px;color:#c8b8d8;flex:1;min-width:160px}.flow-toolbar input,.flow-toolbar select,.flow-form input,.flow-form textarea,.flow-form select{padding:9px 10px;min-height:40px;background:#120d1a;color:#fff;border:1px solid #654571;border-radius:8px;width:100%;font:14px Montserrat,system-ui}.flow-table-wrap{overflow:auto;border:1px solid #48334f;border-radius:10px;margin-bottom:18px}.flow-table{border-collapse:collapse;width:100%;font-size:13px;background:#191220}.flow-table th{text-align:left;background:#241a2d;color:#d9cce2;font-weight:600;white-space:nowrap}.flow-table td,.flow-table th{padding:10px 12px;border-bottom:1px solid #392a42;line-height:1.5}.flow-table tbody tr:hover{background:#261b2f}.flow-table .btn{padding:6px 10px;min-height:32px;font-size:12px}.flow-actions{display:flex;gap:6px}.flow-empty{color:#c8b8d8;padding:16px}.flow-drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(660px,100%);max-width:100%;border:0;border-left:1px solid #80538c;background:#1c1527;color:#faf5ff;padding:0;box-shadow:-20px 0 70px #0006}.flow-drawer::backdrop{background:#07040cab}.flow-drawer-head{position:sticky;top:0;padding:16px 20px;background:#201529;border-bottom:1px solid #61426b;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:2}.flow-drawer-head h3{margin:0;font-size:20px}.flow-drawer-body{padding:20px;line-height:1.65}.flow-drawer-body>p{white-space:pre-wrap;overflow-wrap:anywhere}.flow-drawer-body>label{display:grid;gap:5px}.flow-form{display:grid;gap:14px}.flow-form>label{display:grid;gap:6px;font-size:13px}.flow-form textarea{min-height:100px;resize:vertical}.flow-check{display:flex!important;gap:10px;align-items:center}.flow-check input{width:18px;height:18px;min-height:18px;accent-color:#ff68cf}.flow-form-footer{position:sticky;bottom:0;padding:12px 0;background:#1c1527;z-index:2;border-top:1px solid #493250}.flow-form-footer button{width:auto!important}.flow-error{color:#ffb8cb;margin:0;grid-column:1/-1}.flow-error:empty{display:none}.flow-draft-status{font-size:12px;color:#c8b8d8}.flow-drawer input:focus,.flow-drawer textarea:focus,.flow-toolbar input:focus,.flow-global-search input:focus{outline:2px solid #ff68cf;outline-offset:2px}.flow-drawer pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.flow-drawer .flow-table-wrap{max-width:100%}#panel-status{position:fixed;top:16px;right:16px;max-width:min(450px,90vw);padding:12px 18px;background:#3a2143;border:1px solid #c875ad;border-radius:10px;z-index:150;box-shadow:0 8px 30px #0004}.suite-section{margin:0!important;padding:12px!important}.flow-fold{border:1px solid #50365e;border-radius:8px;padding:12px}.flow-fold summary{cursor:pointer;color:#efdae9;font-weight:600;margin-bottom:8px}.portal-main .portal-list{gap:8px}.portal-row{padding:12px}.portal-row h3{font-size:15px}.portal-row p{font-size:12px;margin:3px 0}.portal-form,.suite-form{gap:12px}.portal-form input,.portal-form select,.portal-form textarea,.suite-form input,.suite-form select,.suite-form textarea{padding:9px 10px;min-height:40px}.portal-main .portal-grid{gap:12px}.portal-main .record{padding:12px}.portal-main .btn{width:auto}.flow-internal{padding:12px;border:1px solid #61426b;border-radius:10px;background:#211529}.flow-internal summary{cursor:pointer;font-weight:600}.suite-chat-panel .suite-composer textarea{min-height:72px}.suite-chat-panel .suite-composer label{grid-column:1/-1}.portal-legacy summary{cursor:pointer}.flow-small-label{font-size:12px;color:#c8b8d8}@media(max-width:1000px){.panel-head>.flow-global-search{max-width:220px}.panel-head>.btn{padding:8px}.flow-nav-main{gap:2px}.portal-nav button{padding:9px 10px}}@media(max-width:700px){body{padding:0 10px 16px}.panel-head{min-height:62px;gap:8px}.panel-head img{width:130px}.panel-head .actions{margin-left:0}.panel-head>.flow-global-search{order:10;max-width:none;width:100%;flex-basis:100%}.panel-head>.flow-add,.panel-head>.btn{font-size:11px;min-height:32px}.portal-nav{top:var(--portal-head-height,130px);padding:6px;min-height:44px;display:flex}.flow-nav-main{display:none}.flow-mobile-menu{display:block!important;margin-left:auto}.portal-nav.mobile-open .flow-nav-main{display:grid;position:absolute;top:100%;left:0;right:0;padding:10px;background:#201529;border:1px solid #654571;max-height:60vh;overflow:auto;z-index:65;grid-template-columns:1fr 1fr}.portal-nav.mobile-open .flow-nav-main button{text-align:left;white-space:normal}.flow-metrics{grid-template-columns:1fr 1fr;gap:8px}.flow-metrics>.btn{padding:12px}.flow-title h2,.portal-main>h2{font-size:24px!important}.flow-table th,.flow-table td{padding:9px}.flow-drawer-body{padding:16px}.flow-toolbar label{min-width:140px}.flow-nav-dropdown{right:auto;left:0}.portal-main .portal-row{flex-direction:row}.portal-form{grid-template-columns:1fr}.flow-drawer-head{padding:12px 16px}.flow-drawer{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
