/* PantangAdmin UI cleanup 2026-09-23 */
:root{--pa-bg:#f6f7fb;--pa-border:#e8e8ef;--pa-ink:#1b1824;--pa-purple:#5c3d94;--pa-purple-soft:#f0ebf8;--pa-green:#21795a;--pa-green-soft:#eaf7f1}
html,body{background:var(--pa-bg)!important;color:var(--pa-ink)!important}body{font-size:13px!important}
.app{grid-template-columns:330px minmax(0,1fr)!important;min-height:100vh!important}
.side{position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important;background:#fff!important;color:var(--pa-ink)!important;border-right:1px solid var(--pa-border)!important;padding:20px 15px 18px!important;box-shadow:none!important}
.side::-webkit-scrollbar{width:5px}.side::-webkit-scrollbar-thumb{background:#ddd9e5;border-radius:99px}
.brand{position:relative!important;padding:0 8px 18px!important;margin:0 0 9px!important;border-bottom:1px solid var(--pa-border)!important}
.brand-copy b{font-size:17px!important;line-height:1.2!important;color:#191621!important}.brand-copy small{font-size:10px!important;color:#8b8795!important}
.brand-live{top:7px!important;right:5px!important;background:#edf8f2!important;border:1px solid #d9f0e5!important;color:#24805d!important}
.nav{display:flex!important;flex-direction:column!important;gap:2px!important}
.nav-label,.sidebar-section-label{padding:0!important;margin:17px 10px 5px!important;font-size:10px!important;line-height:1.25!important;letter-spacing:.105em!important;font-weight:800!important;color:#9995a3!important;text-transform:uppercase!important}
.nav button{width:100%!important;min-height:38px!important;padding:9px 11px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#514c5c!important;font-size:13px!important;font-weight:650!important;line-height:1.25!important;text-align:left!important;box-shadow:none!important}
.nav button:hover{background:#f6f3fa!important;color:#352650!important;transform:none!important}.nav button.active{background:var(--pa-purple-soft)!important;color:#50348a!important;font-weight:750!important;box-shadow:inset 3px 0 0 #7a5bad!important}.note{display:none!important}main{min-width:0!important;background:var(--pa-bg)!important}
.top{position:sticky!important;top:0!important;z-index:30!important;min-height:74px!important;padding:14px 24px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--pa-border)!important;box-shadow:none!important;backdrop-filter:blur(12px)}
.top-kicker{font-size:9px!important;letter-spacing:.12em!important;color:#8c8696!important}.search input{height:36px!important;font-size:12px!important;border:1px solid #e4e2e9!important;background:#fafafd!important;border-radius:10px!important;box-shadow:none!important}
.system-chip{font-size:10px!important;background:#eff8f4!important;border:1px solid #dcefe6!important;color:#337a61!important}
.top-icon{width:38px!important;height:38px!important;border-radius:10px!important;border:1px solid #e5e2eb!important;background:#fff!important;cursor:pointer!important}.top-icon:hover{background:#f7f4fa!important}
.admin{min-height:42px!important;padding:5px 9px!important;border:1px solid #ece9f0!important;background:#fff!important;border-radius:11px!important}.admin b{font-size:11px!important}.admin small{font-size:9px!important;color:#8f8998!important}
#pantangAdminMainLogoutBtn{min-height:38px!important;padding:0 13px!important;border:1px solid #e5e1ea!important;background:#fff!important;color:#625b6d!important;border-radius:10px!important;font-size:11px!important;font-weight:750!important}
.content{width:100%!important;max-width:1500px!important;margin:0 auto!important;padding:28px 30px 56px!important}.title{margin-bottom:18px!important}
.title h2{font-size:27px!important;line-height:1.15!important;letter-spacing:-.025em!important;color:#201c28!important}.title p{margin-top:5px!important;font-size:12px!important;line-height:1.55!important;color:#817b89!important}
.content .card,.content .panel,.content .section,.content .tablecard,.content .control-panel{background:#fff!important;border:1px solid var(--pa-border)!important;border-radius:16px!important;box-shadow:0 8px 26px rgba(31,23,45,.035)!important}
.content .head h3{font-size:15px!important;line-height:1.3!important;color:#292331!important}.content .head small{font-size:11px!important;line-height:1.45!important;color:#817b89!important}
.content table{font-size:12px!important}.content table th{padding:11px 10px!important;font-size:10px!important;line-height:1.3!important;color:#7d7786!important}.content table td{padding:12px 10px!important;font-size:12px!important;line-height:1.45!important;color:#3e3947!important}
.content .btn{min-height:35px!important;padding:8px 12px!important;border-radius:9px!important;font-size:11px!important;font-weight:750!important}.content input,.content select,.content textarea{font-size:12px!important}
.badge-live,.badge-ready,.badge-demo,.tag{font-size:9px!important;line-height:1.2!important}#providers>.mini-kpis,#providers>.feature-grid{display:none!important}
.clm-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.clm-toolbar input{flex:1;min-width:250px;height:40px;border:1px solid #e3e0e8;border-radius:10px;padding:0 12px;background:#fff}.clm-toolbar select{height:40px;min-width:150px;border:1px solid #e3e0e8;border-radius:10px;padding:0 10px;background:#fff}
.clm-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.clm-kpi{padding:16px 17px}.clm-kpi span{display:block;font-size:10px;color:#85808d;font-weight:700}.clm-kpi strong{display:block;margin-top:8px;font-size:23px;color:#292230}
.clm-panel{padding:0!important;overflow:hidden}.clm-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #efedf2}.clm-head h3{margin:0;font-size:15px}.clm-head p{margin:4px 0 0;font-size:11px;color:#827d8a}
.clm-tablewrap{overflow:auto}.clm-table{width:100%;min-width:980px;border-collapse:collapse}.clm-table th{background:#fbfbfd!important}
.clm-person{display:flex;align-items:center;gap:10px}.clm-avatar{width:36px;height:36px;border-radius:10px;background:#f0ebf8;display:flex;align-items:center;justify-content:center;font-weight:850;color:#5c3d94;flex:0 0 auto}.clm-person b{display:block;font-size:12px}.clm-person small{display:block;margin-top:3px;font-size:10px;color:#8a8491}
.clm-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:800;white-space:nowrap}.clm-pill.ok{background:var(--pa-green-soft);color:var(--pa-green)}.clm-pill.warn{background:#fff6e8;color:#94621c}.clm-pill.off{background:#f2f1f4;color:#6f6976}.clm-pill.live{background:#f0ebf8;color:#5b3d92}
.clm-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.clm-btn{border:1px solid #ded9e7;background:#fff;color:#554c61;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.clm-btn:hover{background:#f7f3fa}.clm-btn.primary{border-color:#65469a;background:#65469a;color:#fff}.clm-btn.danger{border-color:#f0dada;background:#fff6f6;color:#a34c4c}.clm-btn:disabled{opacity:.55;cursor:not-allowed}
.clm-empty{padding:34px!important;text-align:center!important;color:#8b8592!important}.clm-plan-note{font-size:10px;color:#89828e;margin-top:4px}
.clm-modal-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(20,15,26,.38);display:flex;align-items:center;justify-content:center;padding:20px}.clm-modal{width:min(520px,100%);background:#fff;border-radius:18px;border:1px solid #e7e3eb;box-shadow:0 24px 80px rgba(20,15,26,.2);overflow:hidden}.clm-modal-head{padding:18px 20px;border-bottom:1px solid #eeeaf1}.clm-modal-head h3{margin:0;font-size:17px}.clm-modal-body{padding:18px 20px;font-size:12px;line-height:1.6;color:#5b5562}.clm-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 20px;border-top:1px solid #eeeaf1;background:#fbfafc}
@media(max-width:1100px){.clm-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app{grid-template-columns:300px minmax(0,1fr)!important}.content{padding:22px 18px 44px!important}.top{padding:12px 16px!important}.system-chip{display:none!important}}
@media(max-width:760px){.app{display:block!important}.side{position:relative!important;width:100%!important;height:auto!important}.clm-summary{grid-template-columns:1fr 1fr}.content{padding:18px 14px 40px!important}.top{position:relative!important}.top-actions{flex-wrap:wrap!important}}
/* Readability normalization */
.content .kpi small,.content .mini-kpi small,.content .sum p,.content .feature-card p,.content .feature-card small{font-size:11px!important;line-height:1.5!important}
.content .kpi h3,.content .mini-kpi strong,.content .sum strong{font-size:22px!important;line-height:1.15!important}
.content .feature-card h4,.content .sum h4{font-size:13px!important;line-height:1.35!important}
.content label{font-size:11px!important;line-height:1.35!important}
.content .pill{font-size:9px!important;letter-spacing:.05em!important}

/* PantangMart Courier Exception Queue 2026-09-24 */
.ce-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px}
.ce-kpi{padding:16px 17px!important}.ce-kpi span{display:block;font-size:10px;color:#85808d;font-weight:750}.ce-kpi strong{display:block;margin-top:8px;font-size:23px;color:#292230}.ce-kpi.warn{border-color:#f2ddbd!important;background:#fffaf2!important}.ce-kpi.danger{border-color:#efd1d1!important;background:#fff7f7!important}.ce-kpi.hold{border-color:#e3d6eb!important;background:#faf6fc!important}
.ce-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.ce-toolbar input{flex:1;min-width:280px;height:40px;border:1px solid #e3e0e8;border-radius:10px;padding:0 12px;background:#fff}.ce-toolbar select{height:40px;min-width:180px;border:1px solid #e3e0e8;border-radius:10px;padding:0 10px;background:#fff}
.ce-panel{padding:0!important;overflow:hidden}.ce-tablewrap{overflow:auto}.ce-table{width:100%;min-width:1200px;border-collapse:collapse}.ce-table th{background:#fbfbfd!important}.ce-sub{margin-top:4px;font-size:10px;color:#85808d}.ce-muted{font-size:10px;color:#99939f}
.ce-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:850;white-space:nowrap}.ce-pill.warn{background:#fff2dc;color:#8b5b16}.ce-pill.danger{background:#fdeaea;color:#a33e3e}.ce-pill.hold{background:#f0e8f6;color:#674082}.ce-pill.off{background:#f2f1f4;color:#6f6976}
.ce-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.ce-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ddd8e5;background:#fff;color:#554c61;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.ce-btn:hover{background:#f7f3fa}.ce-btn.primary{border-color:#65469a;background:#65469a;color:#fff}
@media(max-width:1150px){.ce-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.ce-summary{grid-template-columns:1fr 1fr}.ce-toolbar input,.ce-toolbar select{min-width:100%;width:100%}}
/* PANTANGADMIN_CENTRE_REORG_V1 2026-09-25 */
.side{height:100vh!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#d9d3e4 transparent}
.side .nav{padding-bottom:18px}
.nav-label{margin-top:18px!important;font-size:9px!important;letter-spacing:.14em!important}
.nav button[data-page="lactation-bookings"],
.nav button[data-page="cl-centre"],
.nav button[data-page="diet-centre"],
.nav button[data-page="pantangmart-centre"],
.nav button[data-page="aqiqah-ops"]{position:relative;padding-left:16px!important;font-weight:760!important}
.nav button[data-page="lactation-bookings"]::before,
.nav button[data-page="cl-centre"]::before,
.nav button[data-page="diet-centre"]::before,
.nav button[data-page="pantangmart-centre"]::before,
.nav button[data-page="aqiqah-ops"]::before{content:"";position:absolute;left:5px;top:11px;width:4px;height:16px;border-radius:99px;background:#7f63ad;opacity:.75}
.nav button[data-page="diet-centre"]::before{background:#c7862c}
.nav button[data-page="pantangmart-centre"]::before{background:#2b9b7d}
.nav button[data-page="aqiqah-ops"]::before{background:#a56c32}
.admin-centre-launchpad{margin:18px 0 22px;background:#fff;border:1px solid #e7e3ed;border-radius:22px;padding:20px;box-shadow:0 12px 32px rgba(51,39,70,.055)}
.centre-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:6px 0 16px}
.centre-section-head h3{margin:2px 0 4px;font-size:18px;color:#231d2d}
.centre-section-head p{margin:0;color:#827a8b;font-size:12px}
.centre-kicker{font-size:9px;letter-spacing:.16em;font-weight:900;color:#8c79a4;text-transform:uppercase}
.centre-count{font-size:10px;font-weight:800;background:#f1edf7;color:#63468f;padding:7px 10px;border-radius:999px;white-space:nowrap}
.centre-launch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.centre-launch-grid button{appearance:none;border:1px solid #ece7f0;background:linear-gradient(180deg,#fff,#fbf9fd);border-radius:16px;padding:14px;text-align:left;cursor:pointer;min-height:150px;display:flex;flex-direction:column;transition:.18s ease;color:#211b29}
.centre-launch-grid button:hover{transform:translateY(-2px);border-color:#d9cce7;box-shadow:0 10px 24px rgba(72,48,99,.09)}
.centre-launch-grid button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eee8f6;color:#65428f;font-size:10px;font-weight:900;margin-bottom:14px}
.centre-launch-grid button>b{font-size:13px;margin-bottom:5px}
.centre-launch-grid button>small{color:#837b88;font-size:10px;line-height:1.45;flex:1}
.centre-launch-grid button>em{font-style:normal;font-size:9px;font-weight:900;color:#684693;margin-top:10px}
.admin-centre-page{padding-bottom:40px}
.centre-hero{--centre-accent:#6d46a2;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--centre-accent),#2e2437);color:#fff;border-radius:24px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 38px rgba(48,34,63,.14);margin-bottom:22px}
.centre-hero::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-110px;background:rgba(255,255,255,.09)}
.centre-hero h2{margin:4px 0 6px;font-size:27px;color:#fff}
.centre-hero p{margin:0;max-width:700px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.55}
.centre-hero .centre-kicker{color:rgba(255,255,255,.65)}
.centre-live{position:relative;z-index:1;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);padding:9px 12px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}
.centre-live i{display:inline-block;width:7px;height:7px;background:#75e5ae;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(117,229,174,.12)}
.centre-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.centre-action-card{appearance:none;border:1px solid #e8e3ec;background:#fff;border-radius:17px;padding:15px;text-align:left;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;cursor:pointer;min-height:88px;transition:.16s ease}
.centre-action-card:hover{border-color:#cabbd9;box-shadow:0 8px 20px rgba(61,45,77,.075);transform:translateY(-1px)}
.centre-action-icon{width:40px;height:40px;border-radius:12px;background:#f0ebf5;color:#63468c;display:grid;place-items:center;font-size:10px;font-weight:900}
.centre-action-card b{display:block;font-size:12px;color:#2b2432;margin-bottom:4px}.centre-action-card small{display:block;font-size:9px;line-height:1.45;color:#817989}.centre-action-card em{font-style:normal;font-size:9px;font-weight:900;color:#72559a;white-space:nowrap}
.centre-workflow{background:#fff;border:1px solid #e8e3ec;border-radius:18px;padding:17px}
.centre-workflow-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8f8797;font-weight:900;margin-bottom:12px}
.centre-flow-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.centre-flow-row span{background:#f7f4fa;border:1px solid #ebe5f0;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:800;color:#4e4657}.centre-flow-row i{font-style:normal;color:#bbb2c3}
@media(max-width:1250px){.centre-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.centre-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.centre-launch-grid,.centre-action-grid{grid-template-columns:1fr}.centre-hero{align-items:flex-start;flex-direction:column}.centre-live{align-self:flex-start}}

/* PANTANGADMIN_CENTRE_CONTEXT_V1 */
.centre-back-btn{appearance:none;border:1px solid #ddd4e7;background:#fff;color:#62468a;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:none}
.centre-back-btn:hover{background:#f6f1fa;border-color:#cbbbd9}

/* CL CENTRE PREMIUM 2026-10-01 */
#cl-centre{padding-bottom:44px}
.clp-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:26px 28px;margin-bottom:16px;border-radius:24px;background:linear-gradient(135deg,#171421 0%,#27203b 55%,#5b3f80 100%);color:#fff;box-shadow:0 18px 40px rgba(34,24,48,.14);overflow:hidden;position:relative}
.clp-hero:after{content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.05)}
.clp-hero>div{position:relative;z-index:1}.clp-kicker{font-size:9px;letter-spacing:.17em;font-weight:900;color:#b9accb;margin-bottom:6px}.clp-hero h2{margin:0;font-size:29px;line-height:1.1;letter-spacing:-.025em}.clp-hero p{margin:8px 0 0;max-width:720px;color:#d1cadb;font-size:12px;line-height:1.55}
.clp-hero-actions{display:flex;gap:9px;white-space:nowrap}.clp-hero-actions button{height:38px;padding:0 14px;border:0;border-radius:11px;background:#fff;color:#332544;font-size:10px;font-weight:850;cursor:pointer}.clp-hero-actions button.secondary{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.16)}
.clp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e8e5ed;border-radius:20px;margin-bottom:16px;box-shadow:0 10px 28px rgba(31,23,45,.04);overflow:hidden}
.clp-summary>div{padding:19px 21px;border-right:1px solid #ece9f0}.clp-summary>div:last-child{border-right:0}.clp-summary span{display:block;font-size:10px;font-weight:800;color:#827b8a}.clp-summary strong{display:block;margin-top:6px;font-size:27px;line-height:1;color:#241d2c;letter-spacing:-.03em}.clp-summary small{display:block;margin-top:7px;font-size:9px;color:#aaa3b0;line-height:1.35}
.clp-command{display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid #e8e5ed;border-radius:20px;margin-bottom:16px;box-shadow:0 10px 28px rgba(31,23,45,.035);overflow:hidden}.clp-command-col{padding:20px 22px}.clp-command-col+ .clp-command-col{border-left:1px solid #ece9f0}
.clp-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.clp-section-title span{display:block;font-size:8px;letter-spacing:.14em;font-weight:900;color:#968da1}.clp-section-title h3{margin:3px 0 0;font-size:16px;color:#281f31}.clp-section-title p{margin:5px 0 0;color:#8c8492;font-size:10px;line-height:1.45}.clp-section-title button{border:0;background:#f4f0f8;color:#654b87;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:850;cursor:pointer}
.clp-priority-list{border-top:1px solid #eeeaf1}.clp-priority-row{width:100%;border:0;border-bottom:1px solid #eeeaf1;background:transparent;display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;text-align:left;padding:12px 2px;cursor:pointer}.clp-priority-row:hover{background:#fcfbfd}.clp-priority-row strong{width:30px;height:30px;border-radius:9px;background:#f4eff8;color:#684c8d;display:grid;place-items:center;font-size:11px}.clp-priority-row b{display:block;font-size:11px;color:#352d3c}.clp-priority-row small{display:block;margin-top:3px;color:#8d8693;font-size:9px;line-height:1.35}.clp-priority-row em{font-style:normal;color:#a59cad;font-size:15px}.clp-clear{display:flex;gap:10px;align-items:center;padding:18px 2px;border-top:1px solid #eeeaf1}.clp-clear i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf7f1;color:#2b7e60;font-style:normal;font-weight:900}.clp-clear b{display:block;font-size:11px}.clp-clear small{display:block;margin-top:3px;color:#8a8390;font-size:9px}
.clp-featured-help{margin:0 0 13px;padding:11px 12px;border-left:3px solid #7d5ca8;background:#faf8fc;color:#756d7d;font-size:9.5px;line-height:1.55;border-radius:0 10px 10px 0}.clp-featured-help b{color:#4c3a60}.clp-featured-list{border-top:1px solid #eeeaf1}.clp-featured-person{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0edf3}.clp-featured-person>span{width:32px;height:32px;border-radius:10px;background:#eee8f5;color:#64458d;display:grid;place-items:center;font-size:9px;font-weight:900}.clp-featured-person b{display:block;font-size:10px;color:#352d3d}.clp-featured-person small{display:block;margin-top:2px;color:#918a97;font-size:8.5px}.clp-featured-person i{font-style:normal;font-size:8px;font-weight:900;color:#62458c;background:#f2edf8;border-radius:99px;padding:5px 7px}.clp-more{padding:9px 0 0;color:#887f91;font-size:8.5px}.clp-featured-empty{padding:15px 0 2px}.clp-featured-empty b{display:block;font-size:11px}.clp-featured-empty span{display:block;margin:4px 0 10px;color:#8d8592;font-size:9px;line-height:1.45}.clp-featured-empty button{border:0;background:#5d4380;color:#fff;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:850;cursor:pointer}
.clp-management{background:#fff;border:1px solid #e8e5ed;border-radius:20px;padding:20px 22px;box-shadow:0 10px 28px rgba(31,23,45,.035)}.clp-management-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid #ece9f0}.clp-management-grid>div+div{border-left:1px solid #ece9f0;padding-left:24px}.clp-row{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 2px;border:0;border-bottom:1px solid #eeebf1;background:transparent;text-align:left;cursor:pointer}.clp-row:hover{background:#fcfbfd}.clp-row b{display:block;font-size:11.5px;color:#31283a}.clp-row small{display:block;margin-top:3px;color:#8e8794;font-size:9.2px;line-height:1.4}.clp-row em{font-style:normal;white-space:nowrap;color:#725492;font-size:8.5px;font-weight:900;background:#f3eef8;padding:5px 7px;border-radius:99px}.clp-row-featured b{color:#5b3c7f}
.clp-loading{padding:18px 2px;color:#928b98;font-size:9.5px}

.clp-detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.clp-detail-title>div>span{display:block;font-size:8px;letter-spacing:.14em;font-weight:900;color:#958b9f;margin:10px 0 4px}.clp-detail-title h2{margin:0;font-size:27px;color:#221b29}.clp-detail-title p{margin:6px 0 0;color:#837b8a;font-size:11px;line-height:1.45}.clp-back,.clp-detail-refresh{border:1px solid #e1dbe7;background:#fff;color:#62478a;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:850;cursor:pointer}.clp-featured-guide{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#f6f2f9;border:1px solid #e4dbea;border-radius:16px;padding:15px 17px;margin-bottom:14px}.clp-featured-guide strong{font-size:11px;color:#4d365f}.clp-featured-guide p{margin:0;color:#746b7c;font-size:9.5px;line-height:1.5}.clp-featured-guide button{border:0;background:#604386;color:#fff;border-radius:9px;padding:8px 10px;font-size:8.5px;font-weight:850;cursor:pointer;white-space:nowrap}
.clp-featured-page-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e8e4ec;border-radius:18px;overflow:hidden;margin-bottom:14px}.clp-featured-page-summary>div{padding:16px 18px;border-right:1px solid #ece9f0}.clp-featured-page-summary>div:last-child{border-right:0}.clp-featured-page-summary span{display:block;color:#89818e;font-size:9px;font-weight:750}.clp-featured-page-summary strong{display:block;margin-top:6px;font-size:22px;color:#2a2132}
.clp-featured-page-panel{background:#fff;border:1px solid #e8e4ec;border-radius:18px;padding:18px 20px;margin-bottom:14px}.clp-featured-table{border-top:1px solid #eeeaf1}.clf-row{display:grid;grid-template-columns:1fr minmax(155px,.45fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #efecf1}.clf-person{display:flex;align-items:center;gap:10px}.clf-person>span{width:36px;height:36px;border-radius:11px;background:#f0eaf6;color:#64488a;display:grid;place-items:center;font-size:9px;font-weight:900}.clf-person b{display:block;font-size:11px}.clf-person small{display:block;margin-top:3px;color:#8d8693;font-size:9px}.clf-meta>span{display:inline-flex;padding:5px 7px;border-radius:99px;font-size:8px;font-weight:850}.clf-meta>span.ok{background:#eaf7f1;color:#26795b}.clf-meta>span.warn{background:#fff3e4;color:#98621b}.clf-meta small{display:block;margin-top:4px;color:#948c99;font-size:8.5px}.clf-add,.clf-remove{border:0;border-radius:9px;padding:8px 10px;font-size:8.5px;font-weight:850;cursor:pointer}.clf-add{background:#5e4382;color:#fff}.clf-remove{background:#fff2f2;color:#a44848;border:1px solid #f0d6d6}.clf-empty{padding:20px 0;color:#918997;font-size:9.5px}

@media(max-width:1100px){.clp-summary{grid-template-columns:repeat(2,1fr)}.clp-summary>div:nth-child(2){border-right:0}.clp-summary>div:nth-child(-n+2){border-bottom:1px solid #ece9f0}.clp-command{grid-template-columns:1fr}.clp-command-col+ .clp-command-col{border-left:0;border-top:1px solid #ece9f0}.clp-management-grid{grid-template-columns:1fr}.clp-management-grid>div+div{border-left:0;padding-left:0}.clp-featured-guide{grid-template-columns:1fr}.clf-row{grid-template-columns:1fr auto}.clf-meta{grid-column:1/2}}
@media(max-width:760px){.clp-hero{align-items:flex-start;flex-direction:column}.clp-hero-actions{width:100%;flex-wrap:wrap}.clp-summary{grid-template-columns:1fr 1fr}.clp-command-col,.clp-management{padding:16px}.clp-detail-title{flex-direction:column}.clp-featured-page-summary{grid-template-columns:1fr}.clp-featured-page-summary>div{border-right:0;border-bottom:1px solid #ece9f0}.clf-row{grid-template-columns:1fr}.clf-meta{grid-column:auto}}

