/* Front-end invoice portal: replaces the wp-admin styles the shared editor markup normally relies on. */
*,*::before,*::after{box-sizing:border-box}
body.dri-portal{margin:0;background:#f3f4f6;color:#171717;font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.5}
.dri-portal a{color:#700DFD}
.dri-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#090909;color:#fff;padding:14px 24px;position:sticky;top:0;z-index:20}
.dri-brand{color:#fff!important;text-decoration:none;font-weight:800;letter-spacing:.04em}.dri-brand span{font-weight:500;opacity:.7;margin-left:6px}
.dri-topbar-actions{display:flex;gap:10px;align-items:center}
.dri-main{max-width:1180px;margin:24px auto;padding:0 20px}.dri-main-wide{max-width:1560px}
.dri-portal .button{display:inline-block;padding:9px 15px;border:1px solid #cfd3da;border-radius:8px;background:#fff;color:#171717!important;font:600 13px Montserrat,Arial,sans-serif;text-decoration:none;cursor:pointer;line-height:1.3}
.dri-portal .button:hover{border-color:#700DFD}
.dri-portal .button-primary{background:#700DFD;border-color:#700DFD;color:#fff!important}.dri-portal .button-primary:hover{background:#5a0bd0}
.dri-portal .button-small{padding:5px 10px;font-size:12px}
.dri-portal .button-link-delete{background:none;border:0;padding:4px;cursor:pointer;font:inherit;color:#b42318}
.dri-portal .notice{border-left:4px solid #700DFD;background:#fff;padding:2px 14px;margin:0 0 16px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.dri-portal .notice-success{border-color:#16a34a}.dri-portal .notice-warning{border-color:#d97706}
.dri-portal .widefat{width:100%;border-collapse:collapse}.dri-portal .widefat th{background:#090909;color:#fff;text-align:left;padding:11px 12px;font-size:12px}
.dri-portal .widefat td{padding:12px;border-bottom:1px solid #eceef1;vertical-align:top}
.dri-portal .widefat tbody tr:nth-child(even){background:#fafafa}
.dri-portal .dri-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dri-inline{display:inline;margin:0}
.dri-linkbtn{background:none;border:0;padding:0;font:inherit;color:#700DFD;cursor:pointer;text-decoration:underline}.dri-linkbtn.dri-danger{color:#b42318}
.dri-pager{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:16px}
.dri-error{background:#fee4e2;color:#b42318;padding:9px 12px;border-radius:8px;font-weight:600;margin:0 0 14px}
.dri-card{overflow-x:auto}
.dri-portal .dri-preview-wrap{top:76px}
.dri-portal .dri-wrap{max-width:none}
.dri-portal .dri-page-head{margin-top:0}
.dri-portal .dri-page-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.dri-portal .dri-media-field input[type=file]{display:block;margin:6px 0;font-size:12px}
@media (max-width:720px){
  .dri-topbar{padding:12px 14px}.dri-main{padding:0 12px}
  .dri-portal .widefat thead{display:none}
  .dri-portal .widefat tr{display:block;border-bottom:8px solid #f3f4f6;padding:6px 0}
  .dri-portal .widefat td{display:flex;justify-content:space-between;gap:10px;border:0;padding:6px 12px}
  .dri-portal .widefat td::before{content:attr(data-label);font-weight:700;color:#6B7280}
  .dri-portal .widefat td.dri-actions::before{content:none}
  .dri-filters{flex-wrap:wrap}.dri-filters input,.dri-filters select{max-width:none;flex:1 1 100%}
}
/* Fit the A4 paper into the preview column (screen only; printing uses invoice.css). */
@media screen and (min-width:1101px){.dri-portal .dri-preview{padding:12px}.dri-portal .dri-preview .dri-invoice-paper{zoom:.8}}
@media screen and (max-width:720px){.dri-portal .dri-preview{padding:6px}.dri-portal .dri-preview .dri-invoice-paper{zoom:.42}}