/* Shared visual language with CM-Logistica; business logic stays in CM-YMS. */
:root{font-family:"Segoe UI",Inter,Arial,sans-serif;--navy:#202d40;--navy-deep:#1a2637;--accent:#ed941f;--accent-pale:#fff5e6;--blue:#bb690d;--muted:#7c8798;--border:#e8ecf1;--green:#2b9671;--red:#cc5a4c;color:#263447;background:#f5f7fa}
body{background:#f5f7fa}h1{font-size:27px;letter-spacing:-.8px;font-weight:700;color:#263447}h2{font-weight:650;color:#2b394c}h1::after{content:".";color:var(--accent)}
.sidebar{width:242px;background:var(--navy);padding:23px 16px 18px;color:#b8c3d2;border-right:1px solid #ffffff07}.shell{margin-left:242px}.sidebar .logo{margin:0 10px 20px;gap:10px}.sidebar .logo-company{width:176px;border-radius:7px;padding:7px 9px}.sidebar .logo-name{font-size:20px;letter-spacing:-.3px;font-weight:700}.sidebar .logo-name::after{content:"PIAZZALE E IMBALLI";display:block;font-size:8px;letter-spacing:2px;font-weight:550;color:#9eabbd;margin-top:7px}
.yms-workspace{display:flex;align-items:center;gap:10px;margin:0 2px 24px;padding:12px 10px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff03;min-height:64px}.yms-workspace>svg{height:26px;width:26px;color:#99aec7}.yms-workspace strong{display:block;font-size:12px;max-width:142px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#e2e8f0;font-weight:600}.yms-workspace small{display:block;font-size:10px;color:#8192a8;margin-top:5px}.yms-workspace>i{width:6px;height:6px;background:#61bca4;border-radius:50%;margin-left:auto;flex-shrink:0}
.sidebar .eyebrow{color:#75879e;font-size:10px;letter-spacing:1.5px;margin-left:12px}.nav{gap:5px}.nav button{position:relative;font-size:12px;padding:12px 13px;gap:11px;color:#9fadc0;border-radius:6px;min-height:43px}.nav button:hover{background:#ffffff07;color:#fff}.nav button.active{background:#ffffff08;color:#ffc570;box-shadow:none}.nav button.active::before{content:"";position:absolute;left:-16px;top:10px;bottom:10px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.nav .nav-count{background:#ffffff0b;color:#aab8c9}.sidebar-rule{background:#ffffff0a;margin:19px 11px}.sidebar-user{border-top-color:#ffffff0b;padding-top:16px}.sidebar-user .avatar{border-radius:50%;background:#ffffff12;color:#d7c8ac}.sidebar-user strong{font-size:11px}.suite-card{border-color:#ffffff0d;background:none}.suite-card strong{color:#b9c8db}.topbar{height:72px;padding:0 28px;background:#fff}.workspace{padding:29px 28px 24px;max-width:1800px}.breadcrumb{font-size:11px;gap:12px}.breadcrumb b{color:#3a485b}.avatar{background:#f4f0e8;color:#9c7b4f}.page-heading{margin-bottom:24px}.page-heading>.eyebrow,.page-heading .eyebrow{color:#8b97a7}.page-heading p{color:#8692a4;font-size:12px;line-height:1.7}.top-right .current-location{color:#8794a4}.separator{background:#edf0f4}
.btn{border-color:#e5e9ef;border-radius:6px;min-height:38px;color:#617186;font-size:11px;font-weight:600;box-shadow:0 2px 5px #23354a03}.btn:hover{background:#f8f9fb;box-shadow:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#462c09;box-shadow:0 2px 7px #ed941f20}.btn.primary:hover{background:#e48911;border-color:#e48911;color:#392205}.btn.danger{color:#b84f48;border-color:#f0d4d0;background:#fff}.btn.quiet{box-shadow:none}.icon-btn{border-color:#e8ecf1;color:#8090a4}.icon-btn:hover{color:#a76610;background:#fff8ed}.btn:focus-visible,.nav button:focus-visible,a:focus-visible{outline:3px solid #efaa56;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:#dda04f;box-shadow:0 0 0 3px #ed941f13}input[type=checkbox]{accent-color:#d88920}.field label{font-size:11px;color:#69798d}.field input,.field select,.field textarea{border-color:#e2e8ef;border-radius:6px;font-size:12px}
.panel{border:1px solid #e8ecf1;box-shadow:0 3px 14px #23354a04;border-radius:9px}.panel-heading{padding:21px 23px}.panel-heading h2{font-size:15px;font-weight:650}.panel-heading p{font-size:11px;color:#8b97a7}.stat{border-color:#e8ecf1;box-shadow:0 3px 14px #23354a04;border-radius:8px;padding:21px 20px;min-height:143px}.stat-top{font-size:11px;color:#7f8b9b;margin-bottom:19px}.stat-value{font-size:30px;font-weight:700;letter-spacing:-.9px;color:#263447}.stat-value small{font-weight:400}.stat-foot{font-size:10px;border-top:1px solid #f0f2f5;padding-top:12px;margin-top:15px;color:#8d99a9}.stat-icon{background:#edf7f4;color:#289c8d;border-radius:7px;padding:7px}.stats>.stat:nth-child(2) .stat-icon{background:#edf3fc;color:#618fd0}.stats>.stat:nth-child(3) .stat-icon{background:#f3eef9;color:#9478bf}.stats>.stat:nth-child(4) .stat-icon{background:#fff5e6;color:#d6a052}.stat-icon svg{width:17px;height:17px}
th{background:#fafbfc;color:#8c98a7;font-weight:600;font-size:10px}td{border-color:#eef1f5}.table-bottom{border-top-color:#edf0f4;color:#98a3b2}.code-link{color:#8d611e}.badge.orange{background:#fff5e6;color:#9b6f2d}.badge.green{background:#eaf6f2;color:#368a75}.badge.red{background:#fbeeea;color:#bd6558}.badge.gray{background:#f1f3f6;color:#8a96a5}.notice{background:#f5f8fc;border-color:#e5ebf3;color:#73869f}.notice.amber{background:#fffaf1;border-color:#f1e2c6;color:#a88342}.footer{border-top:1px solid #e5eaf0;padding-top:17px;color:#9ca7b6}
.calendar-date .btn.active,.view-toggle button.active{background:#fff4e2;color:#a56b16}.day-head.today,.day-number.today{color:#ad6e0e}.month-cell .day-number.today{background:#ed941f;color:#412b0b}.cal-cell .add-slot,.month-cell .add-slot{color:#9f814e}.event{border-left-color:#d49637;background:#fff8eb}.event.teal{border-left-color:#5eab9e;background:#f0f8f5}.event .event-time{color:#96763f}.settings-tabs button.active{color:#a96c12;border-bottom-color:#ed941f}.slot.selected{background:#fff5e6;border-color:#e5a54b;color:#8c5d13}.slot:hover{border-color:#e5ac5b}.modal{box-shadow:0 18px 75px #15253828;border-radius:10px}.modal-head{border-bottom-color:#e9edf2}.modal-head h2{font-size:21px}.modal-head p{color:#8d9aac}.success-circle{background:#eaf6f0;color:#299a7c}
.yard-toolbar .live-status i{background:#50aa96}.punctuality-card .insight-title h2,.operations-card h2{font-weight:650}.yard-bay-name,.gate-destination strong{color:#4a617c}.destination-icon{background:#fff4e2;color:#ad7b2c}.arrival-form{background:#fcfdff;border-color:#e7edf5}.booking-qr{background:#fbfcfe;border-color:#e7ecf3}.booking-qr h3{color:#4e627c}.gate-text.instructions{background:#fffaf1;border-color:#f3e6ce}.gate-text.instructions h3{color:#957137}
.pal-tabs{background:#edf0f5}.pal-tabs button.active{color:#a36b17;box-shadow:0 2px 6px #24344d06}.pal-convention{background:#f8f9fc;border-color:#e7ebf2;color:#8592a5}.pal-convention strong{color:#586e87}.pal-type-code{background:#f4f6f9;color:#68819b;border-color:#e6ebf1}.pal-balance.credit{color:#4d83bd}.pal-balance.debit{color:#ac813a}.pal-table .code-link{color:#a16d25}.pal-entry-row{background:#fafbfd;border-color:#e5ebf2}.pal-entry-row .pal-damaged label{color:#a78449}.pal-audit{background:#f7f9fc}.pal-register-tools{background:#fbfcfe}.pal-filters{padding:20px 23px}.pal-panel .panel-heading{background:#fff}
.auth-visual{background:linear-gradient(145deg,#202d40,#263a53);padding:45px 55px}.auth-copy h1{font-size:48px;font-weight:650;color:#fff}.auth-copy h1::after{content:""}.auth-copy h1 span{color:#f3b45e}.auth-copy>.eyebrow{color:#b49a75}.auth-copy p{color:#9cacbf}.auth-visual-footer{color:#8d9db0}.auth-form-wrap{background:#fff}.auth-form h2{font-size:29px;color:#2e3c50}.auth-form>.eyebrow{color:#b3884e}.auth-copy .route-line{border-color:#f0ad6130}.auth .logo-name{color:#fff}.demo-account button{background:#fff5e6;color:#a67c3d}.demo-title .badge{background:#fff5e6}.warehouse{background:#2b435f;border-color:#64758745}.yard-art .art-label{border-color:#eadac3}.yard-art .art-label strong{color:#ac8750}.initial b{color:#2c3d54}#toast{background:#263b54}
@media(max-height:900px){.sidebar .logo{margin-bottom:13px}.yms-workspace{margin-bottom:16px;min-height:57px;padding:9px}.sidebar .logo-name::after{display:none}.sidebar .logo-company{width:160px}.nav button{padding-top:10px;padding-bottom:10px;min-height:39px}.sidebar .suite-card{display:none}}
@media(max-width:1200px){.sidebar{width:222px;padding-left:13px;padding-right:13px}.shell{margin-left:222px}.workspace{padding:26px 23px}.topbar{padding:0 23px}.nav button.active::before{left:-13px}.sidebar .logo-company{width:164px}.auth-visual{padding:40px}.auth-copy h1{font-size:40px}}
@media(max-width:900px){.auth-copy h1{font-size:34px}.auth-visual{padding:32px}.stat{min-height:140px;padding:18px 16px}.stat-value{font-size:27px}.workspace{padding:24px 20px}}
@media(max-width:700px){.sidebar{width:242px;padding:21px 16px 18px}.shell{margin-left:0}.topbar{height:60px;padding:0 16px}.workspace{padding:23px 16px}.page-heading h1{font-size:23px}.stat{padding:17px 14px;min-height:137px}.stat-top{font-size:10px;margin-bottom:12px}.stat-value{font-size:26px}.stat-foot{font-size:9px;margin-top:12px;padding-top:10px}.panel-heading{padding:18px}.auth-visual{padding:25px}.auth-copy h1{font-size:31px}.auth-form h2{font-size:25px}.auth-visual>.logo .logo-company{width:170px}.pal-filters{padding:15px}.yms-workspace{margin:0 2px 17px}.nav button.active::before{left:-16px}.modal-head h2{font-size:18px}}