/* OFFSETS Cloud Drive real UI v4 - original approved icons, cleaned edges */
:root{--od-navy:#082E3A;--od-teal:#0FA3A8;--od-cyan:#26C6D0}
body.offsets-dashboard{margin:0;background:#eaf6f8;color:var(--od-navy);font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif}
.offsets-dashboard *{box-sizing:border-box}
.offsets-dashboard .od-topbar{position:relative;z-index:2;display:flex;align-items:center;gap:25px;justify-content:space-between;min-height:88px;background:linear-gradient(110deg,#062735,#083e50);padding:12px 25px;color:white;box-shadow:0 2px 10px #05252f20}
.od-brand{display:flex;align-items:center;gap:20px;font-weight:750;font-size:20px}
.od-brand img{width:178px;max-height:62px;object-fit:contain;background:white;border-radius:8px;padding:5px}
.od-top-label{color:#8edce0;font-size:13px;margin-left:auto}
.od-signout{margin:0}
.offsets-dashboard .od-sidebar{position:fixed;top:88px;left:0;bottom:0;width:244px;background:linear-gradient(165deg,#063c4c,#082e3a);padding:18px 12px;overflow:auto}
.od-side-link{display:flex;align-items:center;gap:12px;color:#f6ffff;text-decoration:none;padding:10px 12px;border-radius:12px;font-weight:650;margin-bottom:9px;min-height:62px;transition:background .15s}
.od-side-link:hover,.od-side-link.active{background:#0b96a0}
.od-sidebar-note{font-size:12px;color:#badfe3;line-height:1.6;border-top:1px solid #47737b;margin-top:28px;padding:15px 6px}
.offsets-dashboard .od-icon{display:block;flex:none;width:45px;height:45px;object-fit:contain;object-position:center;background:transparent;border:0;border-radius:0;filter:drop-shadow(0 2px 3px #031e2740)}
.offsets-dashboard .od-workspace{max-width:none;margin:0 0 0 244px;padding:23px 25px}
.offsets-dashboard .od-login{max-width:560px;margin:45px auto;padding:0 18px}
.offsets-dashboard .od-panel{background:#fff;padding:25px;border-radius:18px;box-shadow:0 3px 17px #082e3a0d;margin-bottom:20px}
.od-title{display:flex;align-items:center;gap:20px}
.od-title .od-icon{width:78px;height:78px}
.od-title h1{font-size:31px;line-height:1.1;margin:0 0 6px}
.od-title p{margin:0;color:#587781}
.od-breadcrumb{margin-left:auto;color:#587781;font-size:13px}
.od-forms{display:flex;flex-wrap:wrap;gap:24px;margin-top:25px}
.od-form-card{flex:1 1 320px;min-width:0}
.od-form-card label{font-weight:650;display:block;margin-bottom:7px}
.offsets-dashboard input:not([type=hidden]),.offsets-dashboard textarea{max-width:100%;width:100%;border:1px solid #a0cdd2;border-radius:9px;padding:12px;background:#fff;color:#082e3a}
.offsets-dashboard button{cursor:pointer}
.od-form-card button{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;margin-top:10px;border:0;background:#0fa3a8;color:white;border-radius:10px;font-weight:650}
.od-form-card button .od-icon{width:34px;height:34px}
.od-section-heading{display:flex;align-items:center;gap:12px}
.od-section-heading .od-icon{width:48px;height:48px}
.od-section-heading h2{margin:0;font-size:23px}
.od-count{margin-left:auto;font-size:13px;color:#587781}
.od-table-wrap{width:100%;overflow-x:auto}
.offsets-dashboard table{width:100%;border-collapse:collapse;margin-top:16px}
.offsets-dashboard th{background:#e1f4f6;color:#082e3a}
.offsets-dashboard th,.offsets-dashboard td{padding:13px 12px;text-align:left;border-bottom:1px solid #d7e8e9;vertical-align:middle}
.od-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.od-inline{display:inline-flex;margin:0}
.offsets-dashboard .od-action{display:inline-flex;align-items:center;gap:7px;background:#e8f8f9;border:1px solid #b5e1e4;color:#082e3a;border-radius:10px;padding:6px 11px;font:650 13px system-ui,Arial;text-decoration:none;white-space:nowrap;min-height:47px}
.offsets-dashboard .od-action:hover{background:#d1f0f3}
.offsets-dashboard .od-action .od-icon{width:32px;height:32px}
.offsets-dashboard .od-download{background:#0fa3a8;color:#fff;border-color:#0fa3a8}
.offsets-dashboard .od-download:hover{background:#087e86}
.offsets-dashboard .od-danger{border-color:#e6b2b2}
.od-folder-list{margin-top:15px}
.od-folder-row{display:flex;align-items:center;gap:12px;padding:11px;border-bottom:1px solid #e2eff0}
.od-folder-row .od-icon{width:43px;height:43px}
.od-note{font-size:14px;color:#617e85;margin-top:16px}
.od-empty{padding:16px;color:#71888d}
@media(max-width:850px){.offsets-dashboard .od-sidebar{position:static;width:auto;display:flex;flex-wrap:wrap;gap:5px;padding:10px}.od-side-link{margin:0}.od-sidebar-note,.od-top-label{display:none}.offsets-dashboard .od-workspace{margin:0;padding:15px}.od-brand{font-size:16px}.od-brand img{width:130px}.od-title h1{font-size:24px}}
@media(max-width:550px){.offsets-dashboard .od-topbar{padding:12px}.od-brand{gap:9px}.od-brand img{width:105px}.od-side-link{font-size:12px}.od-side-link .od-icon{width:34px;height:34px}.offsets-dashboard .od-panel{padding:15px}.od-title .od-icon{width:58px;height:58px}.od-breadcrumb{display:none}}

/* Milestone 2 controls */
.od-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.od-tools input{max-width:320px!important}.od-tools select,.od-edit select{padding:9px;border:1px solid #a0cdd2;border-radius:8px;background:#fff;color:#082e3a}.od-tools button,.od-edit button{background:#0fa3a8;color:#fff;border:0;border-radius:8px;padding:10px;cursor:pointer}.od-edit{position:relative;display:inline-block}.od-edit summary{cursor:pointer;padding:8px;border:1px solid #b5e1e4;border-radius:8px;background:#e8f8f9;font-size:13px;font-weight:650}.od-edit[open]{min-width:220px}.od-edit form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:7px}.od-edit input{min-width:130px}.od-folder-row a{color:#075a67;font-weight:650;text-decoration:none}.od-folder-row .od-edit:first-of-type{margin-left:auto}.od-folder-row{flex-wrap:wrap}.od-breadcrumb a{color:#087e86;text-decoration:none}

/* M3A document metadata */
.od-edit textarea{min-width:210px;min-height:65px}.od-edit label{display:block;font-size:12px}.od-actions{align-items:flex-start}