/* CALIROM Hub: shared visual system, responsive commercial workspace. */
.hub-kicker{font-size:10px!important;letter-spacing:.14em;font-weight:750;color:#63869d!important;margin:0 0 8px!important}.hub-module-nav{display:grid;gap:4px;padding-bottom:15px;border-bottom:1px solid #ffffff17;margin-bottom:4px}.sidebar #nav{overflow:auto;flex-shrink:1;min-height:0}.hub-welcome{padding:32px 0 24px}.hub-welcome h1{font-size:34px;letter-spacing:-.045em;margin:6px 0 8px;font-weight:750}.hub-welcome p{color:#697c8d;font-size:15px}.hub-module-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin-bottom:34px}.hub-module-card{position:relative;text-align:left;background:#fff;border:1px solid #dfe7ef;border-radius:17px;padding:29px;color:#233e52;box-shadow:0 5px 20px #24455d05;transition:transform .16s,box-shadow .16s}.hub-module-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #24455d12;border-color:#b3cbd9}.hub-module-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#e8f4f2;color:#267c75;font-size:25px}.hub-module-card.commerce .hub-module-icon{background:#edf0fb;color:#6a77b2}.hub-module-card h2{font-size:22px;letter-spacing:-.035em;margin:20px 0 8px}.hub-module-card p{color:#728395;font-size:14px;line-height:1.7;min-height:48px;margin:0 0 22px}.hub-module-card>span:last-child{display:flex;justify-content:space-between;font-size:13px;font-weight:650;color:#41647c}.hub-notifications{max-width:1000px}.hub-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.hub-section-heading h2,.hub-section-heading h3{margin:0}.hub-notification{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;width:100%;background:none;border:0;padding:14px 0;border-bottom:1px solid #e9eef3;color:#34516a;font-size:13px}.hub-notification.unread{font-weight:650}.hub-notification.read{color:#748494}.hub-notification small{white-space:nowrap;color:#8293a0}.hub-empty{text-align:center;padding:27px 18px;color:#8292a1;font-size:13px;line-height:1.6}.hub-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:27px}.hub-metrics article{padding:18px 20px;background:#fff;border:1px solid #e0e8ef;border-radius:11px;min-width:0}.hub-metrics span{color:#718393;font-size:12px}.hub-metrics strong{display:block;margin-top:7px;font-size:22px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#29475e;line-height:1.4}.hub-metrics small{color:#8394a2;font-size:11px}.hub-toolbar{margin-bottom:20px}.hub-tabs{display:flex;gap:22px;border-bottom:1px solid #dce5ed;overflow:auto}.hub-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:#718396;font-size:13px;font-weight:600;white-space:nowrap}.hub-tabs button.selected{color:#287f86;border-bottom-color:#288990}.hub-filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding-top:17px}.hub-filters input,.hub-filters select,.hub-inline-form select{padding:9px 11px;border:1px solid #dce5ed;background:white;border-radius:7px;color:#496177;font-size:12px;min-width:0;max-width:100%;height:38px}.hub-filters input[type=search]{flex:1;min-width:220px}.hub-extra-filters{position:relative;font-size:12px}.hub-extra-filters summary{cursor:pointer;color:#5f7589;padding:9px}.hub-extra-filters>div{position:absolute;z-index:5;right:0;top:40px;background:#fff;border:1px solid #dfe8ee;border-radius:10px;padding:17px;width:270px;box-shadow:0 8px 30px #163f5d20;display:grid;gap:10px}.hub-extra-filters label{display:grid;gap:5px}.hub-link{display:inline-block;text-decoration:none;font-size:13px}.hub-board{display:flex;gap:15px;overflow-x:auto;padding:0 0 20px;scrollbar-width:thin;scroll-snap-type:x proximity}.hub-stage{flex:0 0 258px;min-width:0;background:#edf1f5;border:1px solid #e1e8ee;border-radius:12px;scroll-snap-align:start;align-self:stretch}.hub-stage>header{display:flex;justify-content:space-between;gap:9px;padding:16px 13px;font-size:12px;font-weight:650;min-height:55px;align-items:center;color:#526d83}.hub-stage>header b{display:grid;place-items:center;min-width:23px;height:23px;border-radius:7px;background:#e1e8ef;color:#70879b;font-size:11px}.hub-stage>header svg{margin-right:5px}.hub-stage-cards{padding:0 9px 10px;min-height:180px}.hub-stage-empty{border:1px dashed #cdd9e2;border-radius:8px;padding:24px 8px;text-align:center;font-size:12px;color:#93a4b3}.hub-project{background:#fff;border:1px solid #e0e7ed;border-radius:9px;padding:15px 13px;margin-bottom:9px;box-shadow:0 2px 5px #28485e04}.hub-project[draggable]{cursor:grab}.hub-project:hover{border-color:#acc6d4}.hub-project-title{display:block;padding:0;background:none;border:0;color:#2c465e;text-align:left;font-weight:700;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.hub-project>p{font-size:11px;color:#8b9aa7;margin:5px 0 13px}.hub-card-value{display:flex;justify-content:space-between;gap:10px;font-size:15px;font-weight:650;margin-bottom:14px}.hub-card-value>span{font-size:11px;font-weight:500;color:#8294a3;background:#f0f4f8;padding:3px 6px;border-radius:5px}.hub-card-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:#748899}.hub-card-meta>span:nth-child(2){flex:1}.hub-avatar{background:#e9eef7;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#7989aa}.hub-next-action{font-size:11px;color:#678096;margin:12px 0 0;line-height:1.6}.hub-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f4;margin-top:12px;padding-top:10px;gap:6px;font-size:10px;color:#93a0ad}.hub-priority{border-radius:4px;padding:2px 5px;background:#f2f5f8}.hub-priority.high,.hub-priority.urgent{background:#fff0ec;color:#ba7961}.hub-overdue{color:#be6467!important}.hub-dragging{opacity:.4}.hub-table-wrap{overflow-x:auto}.hub-table{width:100%;border-collapse:collapse;font-size:13px}.hub-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8093a3;padding:12px 10px;background:#f7f9fb;white-space:nowrap}.hub-table td{padding:14px 10px;border-bottom:1px solid #ecf0f4;color:#536b80}.hub-table td small{display:block;color:#8b9aa7;font-size:11px;margin-top:5px}.hub-text-button{background:none;border:0;padding:0;text-align:left;color:#345f7b;font:inherit;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.hub-report-link{display:block;border:0;background:none;padding:10px 0;color:#35637d;text-align:left}.hub-task-row{display:grid;grid-template-columns:82px minmax(0,1fr) 100px 85px;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #e9eef3;font-size:12px}.hub-task-status{border-radius:5px;background:#eff3f8;padding:4px 5px;font-size:10px;text-align:center;color:#8091a3}.hub-task-status.done{background:#e9f5ef;color:#5b987e}.hub-task-status.doing{background:#edf1fc;color:#7787b9}.hub-task-row.completed .hub-text-button{color:#8c9cab}.hub-task-project{display:block;margin-top:12px;color:#8a9baa;font-size:11px}.hub-subtask{display:block;padding-top:10px;color:#8a9bad;font-size:10px}.hub-report-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.hub-report-grid>.panel{margin:0;min-width:0;overflow:auto}.hub-report-grid>.panel:last-child{grid-column:1/-1}.hub-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #e1e8ef;border-left:1px solid #e1e8ef}.hub-calendar-label{background:#f8fafc;color:#8797a6;font-size:11px;padding:10px;border-right:1px solid #e1e8ef;border-bottom:1px solid #e1e8ef}.hub-calendar-day{min-height:110px;border-right:1px solid #e1e8ef;border-bottom:1px solid #e1e8ef;padding:8px;min-width:0}.hub-calendar-day>b{font-size:11px;color:#8a9cac}.hub-calendar-day.today{background:#edf6f6}.hub-calendar-day button{display:block;width:100%;padding:5px;margin-top:5px;border:0;border-radius:4px;background:#eaf0f9;color:#657f9b;font-size:10px;text-align:left;overflow-wrap:anywhere}.hub-calendar-day.outside{background:#fafbfd}.hub-timeline{overflow:auto}.hub-timeline svg{display:block;width:100%;min-width:750px}.hub-dialog{width:min(520px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.hub-dialog.hub-wide{width:min(800px,calc(100vw - 24px))}.hub-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.hub-form-full{grid-column:1/-1}.hub-form-grid label{min-width:0;font-size:12px;margin:11px 0}.hub-form-grid input,.hub-form-grid select{font-size:13px;padding:10px 11px!important}.hub-form-grid textarea,.hub-detail-body textarea,.hub-dialog textarea{display:block;width:100%;border:1px solid #dce5ec;border-radius:7px;padding:11px;font:inherit;font-size:13px;margin-top:7px;resize:vertical}.hub-form-grid select[multiple]{min-height:90px}.hub-access-fields{margin-top:22px;border:1px solid #dee7ed;border-radius:10px;padding:12px 15px}.hub-access-fields legend{font-size:13px;font-weight:700;color:#527289}.hub-access-fields small{color:#8294a2;font-size:11px}.hub-detail{width:min(780px,100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto;max-width:100vw;border-radius:0;border:0;box-shadow:-15px 0 60px #17364b25;padding:0;overflow:auto}.hub-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:30px 30px 12px}.hub-detail-header h2{font-size:25px;letter-spacing:-.035em;line-height:1.35;margin:7px 0}.hub-detail-header p{font-size:13px;color:#8b9aaa;margin:0}.hub-detail-header .plain{font-size:25px}.hub-detail-actions{display:flex;gap:8px;padding:12px 30px 18px}.hub-detail-tabs{padding:0 30px;gap:24px;position:sticky;top:0;background:#fff;z-index:2}.hub-detail-body{padding:24px 30px 40px;font-size:13px}.hub-detail-body h3{font-size:14px;color:#536e83;margin:20px 0 12px}.hub-detail-body form{padding:0}.hub-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px 22px;margin:0 0 28px}.hub-facts dt{color:#8c9ba8;font-size:11px;margin-bottom:4px}.hub-facts dd{margin:0;color:#446078;font-size:13px}.hub-facts dd small{display:block;color:#8b9caa;font-size:11px}.hub-preserve{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.hub-members>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e9eef3}.hub-inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.hub-inline-form select{flex:1;min-width:100px}.hub-comments article{padding:17px 0;border-bottom:1px solid #e7edf2}.hub-comments header{display:flex;justify-content:space-between;gap:15px;font-size:12px}.hub-comments small{color:#8c9ba8}.hub-upload{display:block;border:1px dashed #c5d6e0;border-radius:9px;background:#f8fafc;padding:18px;color:#6d879b;font-size:12px}.hub-upload input{margin-top:12px}.hub-file-list a{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #e7edf2;text-decoration:none;color:#48748e;overflow-wrap:anywhere}.hub-file-list small{color:#8fa0ad;font-size:11px;white-space:nowrap}.hub-history article{display:flex;gap:14px;padding:0 0 25px}.hub-history-dot{height:9px;width:9px;border-radius:50%;background:#a6c1d0;margin-top:6px;flex-shrink:0}.hub-history b{font-size:13px;color:#506c82}.hub-history small{display:block;font-size:11px;color:#8b9cab;margin-top:3px}.hub-history details{margin-top:8px;color:#7890a3;font-size:11px}.hub-history pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8fb;padding:12px;border-radius:6px}.hub-config h3{font-size:15px;margin:27px 0 13px;color:#4b6980}.hub-config-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e8eef3;font-size:12px}.hub-config-row>span{flex:1}.hub-config>button{margin-top:10px}.hub-danger{background:#fff1ef;border:1px solid #f1d8d3;border-radius:7px;color:#b07069;padding:8px 12px;font-size:12px}#page-hub,#page-commerce{max-width:1500px}#page-commerce{min-width:0;overflow:hidden}button:focus-visible,a:focus-visible{outline:2px solid #4295a9;outline-offset:3px}
@media(min-width:1100px){.content{width:calc(100% - 252px)}}
@media(max-width:1000px){.hub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-report-grid{grid-template-columns:1fr}.hub-module-cards{gap:15px}.hub-module-card{padding:22px}.hub-calendar-day{min-height:95px}}
@media(max-width:700px){.hub-module-cards{grid-template-columns:1fr}.hub-welcome{padding:12px 0 18px}.hub-welcome h1{font-size:29px}.hub-module-card p{min-height:0}.hub-metrics{gap:9px;margin-bottom:18px}.hub-metrics article{padding:14px}.hub-metrics strong{font-size:18px}.hub-metrics span{font-size:10px}.hub-filters input[type=search]{min-width:100%;font-size:16px}.hub-filters select{flex:1;max-width:calc(50% - 5px)}.hub-extra-filters{width:100%}.hub-extra-filters>div{left:0;right:auto}.hub-tabs{gap:20px}.hub-stage{flex-basis:260px}.hub-form-grid{grid-template-columns:1fr}.hub-form-full{grid-column:auto}.hub-dialog .dialog-head h2{font-size:19px}.hub-task-row{grid-template-columns:65px minmax(0,1fr) 73px;gap:8px;font-size:11px}.hub-task-row>small{display:none}.hub-detail-header{padding:23px 18px 12px}.hub-detail-header h2{font-size:22px}.hub-detail-actions{padding-inline:18px;flex-wrap:wrap}.hub-detail-tabs{padding-inline:18px;gap:20px}.hub-detail-body{padding:18px}.hub-facts{gap:15px}.hub-detail-body input,.hub-detail-body textarea,.hub-dialog input:not([type=checkbox]),.hub-dialog textarea,.hub-dialog select{font-size:16px!important}.hub-calendar-day{padding:4px;min-height:86px}.hub-calendar-day button{font-size:9px;padding:3px}.hub-calendar-label{padding:7px 3px;font-size:10px}.hub-section-heading>span{font-size:10px}.hub-notification{gap:10px}.hub-file-list a{flex-wrap:wrap}.hub-notification small{font-size:10px}.hub-detail .hub-detail-body form{padding:0}}
.hub-column-options{border:1px solid #e1e8ef;border-radius:7px;padding:9px 12px}.hub-column-options legend{color:#7b90a2;font-size:11px}.hub-column-options label{display:flex;align-items:center;gap:6px;padding:2px 0}.hub-column-options input[type=checkbox]{height:auto}.hub-forgot{display:block;margin:15px auto 0;font-size:12px}